Jquery使用scrollTop（）淡入滚动条在Xpx时的元素

问题描述：

当滚动X个像素数量时，如何让淡入淡出的元素？这是否符合？Jquery使用scrollTop（）淡入滚动条在Xpx时的元素

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

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

答

您需要使用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(); 
    } 
});

谢谢！作品！ – cl0udc0ntr0l 2012-03-02 05:30:43

微小的问题......如果您点击将您滚动到锚点的链接，它就不会淡入。你必须通过物理滚动才能触发淡入。我还需要为按钮添加点击功能吗？或者是有一些聪明的解决方法... – cl0udc0ntr0l 2012-03-02 05:37:09

只需绑定点击以及完美的作品。再次感谢。 – cl0udc0ntr0l 2012-03-02 06:49:12

答

你的逻辑似乎就好了，真的。我整理了一个完整的工作示例here，完成淡入/淡出，尽管除了充实它外，并没有真正添加其他东西。

Jquery使用scrollTop（）淡入滚动条在Xpx时的元素

相关推荐