Question

我是jquery的新手，我试图fadeOut和fade在滚动上的一些内容。

这是我的例子

<p class="fade"> lorem blah blah blah </p>

这是我的jquery

$(function(){
    $('.fade').scroll(function(){
    $('.fade').fadeOut(1000, function() {
        $('.fade').fadeIn(500);
    });
    });

});

我的控制台没有出现控制台错误，但我的内容没有重新开始。我相信我使用滚动功能错误，但我对这个东西太新了，感谢所有的帮助

Answer 1

如果您不打算将滚动事件仅应用于该段落，则此方法有效。我怀疑你遇到的问题是你的段落没有设置为滚动自己。在这种情况下，您的代码就像它一样工作。

$(window).scroll(function () { ...

<强> Demo

Answer 2

来自jQuery网站：

当用户滚动到a时，滚动事件被发送到元素元素中的不同位置。它适用于窗口对象，但也适用具有溢出CSS属性集的可滚动框架和元素滚动（或当元素的显式高度或宽度较小时自动滚动而不是其内容的高度或宽度。）

因此，如果它是“可滚动”（用户可以滚动到其中的其他位置），这将适用于您的p元素。你可以通过添加 overflow：auto - scroll 来实现它。如果您不想这样，那么您应该将此事件绑定到整个文档。

.fade
{
    overflow: scroll;
    height: 200px;
}