javascript - 滚动后更改文本

Question

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

如何更改我的 h1 的文本当用户滚动时从 YES 到 NO , .append()但没有成功。

我的代码:JSFIDDLE

HTML

<h1>YES</h1>

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

JS

$(document).ready(function () {

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

我想要这个的原因是因为在使用 .html() 的情况下，我可以添加内联 html 对象，例如:.html()

Answer 1

试试这个

WORKING FIDLE

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) { 
            //change yes to no
            $('h1').html('No');
        } else {
            //set h1 text to yes
            $('h1').html('Yes');
        }
    });
});