Javascript scrollTop（）仅在页面刷新后显示结果

嗨，我正在处理jquery，但我的代码以一种奇怪的方式工作。 这是我的密码

$(document).ready(function() {
        if($(window).scrollTop() >= 50) {
            $("h1").fadeIn("slow");
        };
    })

我希望我的文本在滚动时变淡。但我的文本在滚动后刷新页面后才显示。

---

我不知道我的代码为什么出了问题。

正如我在上面的评论中所写，您需要将您的逻辑包装在一个窗口滚动事件中。像这样：

$(window).scroll(function() {
    if($(window).scrollTop() >= 50) {
      $("h1").fadeIn("slow");
    }
})

我举了一个例子，为

h1

标记指定

位置：sticky

，这样您就可以直观地理解代码的工作原理

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>=50）{
美元（“h1”）.fadeIn（“慢”）；
}
})
})

正文{
高度：3000px；
}
h1{
显示：无；
位置：粘性；
排名：0；
}

测试文本

Hi。你需要将这个逻辑包装在一个滚动事件中。哦，对不起，我不知道。我是新来的，没事的，朋友。祝你有愉快的一天：）成功了。Thankyou@NeerajChimwal，没问题，朋友。