jquery 淡出和淡入淡出答案

【问题标题】：fadeOut and fadeIn jqueryjquery 淡出和淡入淡出
【发布时间】：2015-03-18 18:26:22
【问题描述】：

我是 jquery 的新手，我试图在滚动时淡出和淡入一些内容。

这是我的例子

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

这是我的 jquery

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

});

我的控制台没有收到任何控制台错误，但我的内容并没有淡出。我相信我使用滚动功能错误，但我对这些东西太陌生了，感谢所有帮助

【问题讨论】：

标签： jquery

【解决方案1】：

如果您不打算将滚动事件仅应用于段落，则此方法有效。我怀疑您遇到的问题是您的段落没有设置为自行滚动。在这种情况下，您的代码可以正常工作。

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

【讨论】：

【解决方案2】：

来自 jQuery 网站：

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

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

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

【讨论】：