jquery淡入淡出只出現一次

這是我正在嘗試做的事情，當您在網頁上向下滾動到1000時，圖像會淡入，然後在您向後滾動時淡出。這部分工作很好。但只有一次！問題是我不能讓它執行多次。我錯過了什麼讓這個重複，只要你上下滾動？

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 1000) { 
    $("#logo2").fadeIn(); 
    checkOffset(); 
    } else { 
    $("#logo2").stop().fadeOut(); 
    } 
});

任何幫助表示讚賞。

來源

2016-03-30 Vandy

是什麼在你'checkOffset（）;' - 功能？ [這小提琴]（https://jsfiddle.net/32eckm71/）工作正常 – WcPc

沒什麼，那是一個錯誤，我刪除它。它在你提供的小提琴中完美運行，但是當我在頁面上使用代碼片段時，它仍然只能使用一次。 – Vandy

我的頁面必須有衝突的代碼，因爲當我刪除一切，但你在小提琴中有什麼，它的工作原理... – Vandy

嘗試使用animate和opacity。

$(window).on("scroll", function() { 
    var logo = $("#logo2"); 

    logo.clearQueue(); 
    logo.stop(); 

    if ($(this).scrollTop() > 1000) { 
    logo.animate({opacity: 1}, 400); 
    } else { 
    logo.animate({opacity: 0}, 400); 
    } 
});

https://jsfiddle.net/32eckm71/35/

來源

2016-03-30 21:49:22

非常完美！非常感謝！我還在學習所有不同的功能和技巧，所以我很感謝你給我介紹一些我可以玩的新東西。 – Vandy

jquery淡入淡出只出現一次

回答

相關問題