Javascript 向下滚动时淡入淡出元素，向上滚动时淡出元素

我试图在一个特定的部分中实现一个滚动fadeIn，在这个例子中，id为test的部分

fadeIn在没有if语句的情况下工作得很好，但是我认为我需要它来识别该部分。我也很难做到的是，当鼠标向上滚动时，同样的类会消失

我是Jquery的新手，非常感谢您的帮助

css

jquery

$(document).ready(function() {
    if ($('section#test:visible')) {
        $(document).scroll(function() {
            $('.third_third').css("display", "inline-block").fadeIn(2000);
        });
    });
});

---

请缩进你的代码！使它更容易阅读。。也许可以试试这样：

$（文档）.ready（函数（）{
$（'.wrapper'）.bind（'mousewheel'，函数（e）{
如果（e.originalEvent.wheelDelta<0）{
$（'third_third'）.stop（true，true）.fadeIn（300）；
log（“向下滚动”）；
}否则{
$（'.third_third'）。停止（真，真）。淡出（300）；
log（“向上滚动”）；
}
});
});

使div在向下滚动一定数量的像素后出现。fadeIn转换是使用CSS完成的

这将是您的jQuery代码：

---

在这里，我设置了一个示例

来标识您的元素，请使用以下内容：

$(document).ready(function() {    
    $(document).scroll(function() {
        $('section#test.third_third').css("display", "inline-block").fadeIn(2000);
    });     
}); 

---

你到底被困在哪里？if块不处理？嗨，Remi，是的，if语句不处理，没有它fadein工作正常。是的，if语句失败是正常的。看看我的眼睛。

$(document).ready(function () {
    $('.wrapper').bind('mousewheel', function (e) {

        if (e.originalEvent.wheelDelta < 0) {
            $('.third_third').stop(true, true).fadeIn(300);
            console.log('Scrolling Down');

        } else {
            $('.third_third').stop(true, true).fadeOut(300);
            console.log('Scrolling Up');
        }
    });
});

var $document = $(document),
$element = $('.fixed-menu'),
className = 'hasScrolled';

$document.scroll(function() {
  if ($document.scrollTop() >= 100) {
    $element.addClass(className);
  } else {
    $element.removeClass(className);
  }
});

$(document).ready(function() {    
    $(document).scroll(function() {
        $('section#test.third_third').css("display", "inline-block").fadeIn(2000);
    });     
});