Question

我正在尝试创建一个页面，当您向下滚动时，图像会淡出。然后，当您向下滚动一点时，新图像在进入页面时会淡入。

我对jQuery知之甚少，所以我在这个网站上搜索了这个问题的解决方案。我找到了一段代码并将其添加到网站上，但它对网站没有任何影响。这是因为正在使用图像。

以下是代码：

var subsectionTop = $('.sub-section').offset().top;

$(window).scroll(function () {
if ((subsectionTop - $(window).scrollTop()) < 20) {
    $('.sub-section').stop().fadeTo(100, 0);
} else {
    $('.sub-section').stop().fadeTo('slow', 1);
}
});

我非常困难，非常感谢你们能给我的任何帮助。谢谢:)）

P.S。这是一个包含我所有代码的jsfiddle

Answer 1

对您的代码进行了一些更改，并在您的fiddle

中添加了jquery

<script>
$( document ).ready(function() {
         var subsectionTop = $('.sub-section').offset().top;

        $(window).scroll(function () {
            var y = $(window).scrollTop();
            if (subsectionTop < y) {
                $('.sub-section').fadeTo(100, 0);
            } else {
                $('.sub-section').fadeTo('slow', 1);
            }
        });
    });
</script>

jQuery - 元素淡入/淡出页面滚动

1 个答案: