Jquery使用scrollTop（）淡入滾動條在Xpx時的元素

當滾動X個像素數量時，如何讓淡入淡出的元素？這是否符合？Jquery使用scrollTop（）淡入滾動條在Xpx時的元素

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

理想情況下，只有當滾動條在740px和1481px之間時，它纔會淡入。否則它淡出。

來源

2012-03-02 cl0udc0ntr0l

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

來源

2012-03-02 04:53:51 shaunsantacruz

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

微小的問題......如果您點擊將您滾動到錨點的鏈接，它就不會淡入。你必須通過物理滾動才能觸發淡入。我還需要爲按鈕添加點擊功能嗎？或者是有一些聰明的解決方法... – cl0udc0ntr0l 2012-03-02 05:37:09

只需綁定點擊以及完美的作品。再次感謝。 – cl0udc0ntr0l 2012-03-02 06:49:12

你的邏輯似乎就好了，真的。我整理了一個完整的工作示例here，完成淡入/淡出，儘管除了充實它外，並沒有真正添加其他東西。

來源

2012-03-02 04:55:08

Jquery使用scrollTop（）淡入滾動條在Xpx時的元素

回答

相關問題