需要一些建议:我正在寻找创建一个fadeIn / fadeOut脚本,该脚本在页面滚动时起响应作用。我想做什么:
这是一个创建fadein的示例代码,但只执行一次。我需要它在每次触发时淡入淡出。
$(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);
}
});
});
});
有什么建议吗?
谢谢,我希望这是有道理的!
答案 0 :(得分:2)
您是否考虑过jQuery Waypoints?它是一个插件,允许您在滚动到元素时执行函数。
http://imakewebthings.com/jquery-waypoints/
然后,当您滚动到该元素时,可以对该元素执行.fadeIn()。