淡入淡出與窗口位置相關

我想在淡入 s時用類.cms和.seo進入ID爲「services」的部分，並在通過該部分或之前淡出。淡入淡出與窗口位置相關

我也希望它在動畫相關的滾動位置，如果可能的話。

我給你的鏈接，所以你可以檢查自己的網站。

對於動畫正在使用animate.css

的JavaScript代碼裏面的js/agency.js

這是我一直在試圖與代碼..

$(window).scroll(function() { 
    var y=$(window).scrollTop(); 
    if (y < 1092){ 
    $('.cms,.seo').addClass('animated fadeOutRight'); 
    } 
    if (y > 1092 && y < 1300) { 
    $('.cms,.seo').addClass('animated fadeInRight'); 
    }  
    if (y > 1300){ 
    $('.cms,.seo').addClass('animated fadeOutRight'); 
    } 
});

我也想知道它是否可以在不同的窗口大小上工作，或者我將不得不更改代碼？

謝謝！

來源

2016-02-08 dll_onFire

那麼你現有的代碼到底出了什麼問題？ –

當向下滾動而不是淡入淡出時淡出。我需要它在離開該部分時淡出 –

由於if (y < 1092)一旦滾動就會變爲真，因此它會淡出。

你可能只想fadeOutRight只有fadeInRight元素上確實存在，這樣，它不會躲右走，所以：

if (y < 1092 && $('.cms,.seo').hasClass('fadeInRight'))

此外，由於你的類動畫，僅指定了元素是動畫的，馬上應用這個元素，而不是使用javascript附加它。

查看此琴工作示例：https://jsfiddle.net/pjh6gy7e/

應該在大多數窗口大小工作，除非你改變元素的高度響應。

來源

2016-02-08 22:45:24

淡入淡出與窗口位置相關

回答

相關問題