Jquery 使用scrollTop() 在滚动条位于 Xpx 时淡入元素

Question

当您滚动 X 个像素时，如何使元素淡入？这是类似的事情吗？

if ($(this).scrollTop() > 740) { 
        $("#myelement").fadeIn(1000);
}); 

理想情况下，只有当滚动条在 740 像素到 1481 像素之间时它才会淡入。否则它会淡出。

Answer 1

您需要使用scroll event :

var $myelement = $("myelement"); // cache jQuery object

$(window).scroll(function() {
   if($(this).scrollTop() > 740 && $myelement.is(":hidden")) {
       $myelement.fadeIn();
    }else if ($(this).scrollTop() < 740 && !$myelement.is(":hidden")) {
        $myelement.fadeOut();
    }
});