需要一些建议:我正在寻找创建一个在页面滚动时响应地工作的淡入/淡出脚本。我想做的事:
- 在滚动时,一旦它到达一个隐藏的 div,它就会淡入。
- 一旦滚动到达页面顶部,它就会淡出。
- 任何未来的卷轴都会让 div 淡入淡出,因为它会出现/消失。
这是一个创建淡入淡出的示例代码,但只执行一次。每次触发时,我都需要它淡入淡出。
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.hideme').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
有什么建议吗?
谢谢,我希望这是有道理的!