2011-12-17 79 views
0

我需要一个跨浏览器的jQuery解决方案,用jQuery显示HTML页面上的元素,元素在页面加载时加载,但是我希望能够将页面滚动到“淡入淡出“元素。滚动显示内容jQuery插件

是否有一个现有的插件与此功能?

注意:数据加载不是必需的,谷歌迄今为止失败了我。

+0

你想过类似这样的事情吗? http://www.webresourcesdepot.com/dnspinger/编辑:或者这个http://www.9lessons.info/2009/07/load-data-while-scroll-with-jquery-php.html – Kamil

+1

[懒惰负载] (http://www.appelsiini.net/projects/lazyload) – noob

回答

1
$(window).scroll(function(){ 
     if ($(document).height() - $(window).height() < 20) 
     { 
     var content = 'hi'; //you can use a AJAX call to get content 
     $('#DivToAppendContentTo').append('content'); 

     } 
}); 
0

我以前用过这个。仔细阅读,看看它是否适合你。底部有一个Demo,您需要稍微修改代码以添加淡入。确保为您的元素提供CSS样式的隐藏,以便在页面上首先看不到它。 jQuery淡入功能将显示它。

阿里尔Flesler的ScrollTo: http://flesler.blogspot.com/2007/10/jqueryscrollto.html