Javascript 滚动后更改文本

您好，我有一个关于在用户滚动页面后更改文本的问题

当用户滚动时，如何将我的

h1

的文本从“是”更改为“否”？我尝试了几种方法，如

.append（）

，

.html（）

，但都没有成功

我的代码：

HTML

<h1>YES</h1>

<article style="height: 1000px">
    <p>test</p>
</article>

我之所以希望这样做，是因为在使用

.html（）

的情况下，我可以添加内联html对象，例如：

.html（'yes'）

试试这个

<h1 id="h1">YES</h1>


$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $("#h1").text("NO");
            //change yes to no
        } else {
            $("#h1").text("YES");

            //set h1 text to yes
        }
    });
});

试试这个

<h1 id="h1">YES</h1>


$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $("#h1").text("NO");
            //change yes to no
        } else {
            $("#h1").text("YES");

            //set h1 text to yes
        }
    });
});

是
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“#h1”）。文本（“否”）；
//将“是”更改为“否”
}否则{
$（“#h1”）。文本（“是”）；
//将h1文本设置为yes
}
});
});

您可以尝试使用经过优化的代码：

$（窗口）。滚动（函数（）{
$（'h1'）.html（$（this.scrollTop（）>100？'Yes'：'No'）；
}).scroll（）// 您可以将元素位置固定，然后尝试此逻辑

HTML


希望它能有所帮助
可能的重复不是我要问的重复@glorfinedyou不应该真的在H1中添加ID/类，因为你应该在一个页面上只添加一个ID/类你不应该真的在H1中添加ID/类，因为你应该在一个页面上只添加一个谢谢你的建议
<h1 id="h1">YES</h1>


$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $("#h1").text("NO");
            //change yes to no
        } else {
            $("#h1").text("YES");

            //set h1 text to yes
        }
    });
});

<h1 id="yy" style="position:fixed">YES</h1>

<article style="height: 1000px">
    <p>test</p>
</article>

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
           $("#yy").text("NO")
        } else {
            $("#yy").text("YES")
        }
    });
});