基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )

更新時間：2011年10月10日 23:51:59 作者：

基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )，需要的朋友可以參考下。

 
<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;"> 
請寫很多數(shù)據(jù)…… 
</div> 
<div id="lookMore">more...</div> 
<script src="jquery-1.7b1.js" type="text/javascript"></script> 
<script type="text/javascript">//需要引用jquery 
$(window).scroll(function () { 
if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top) 
$("#Scroll").append("<div>more!!!</div>");//替換為異步加載 
}); 
</script> 

您可能感興趣的文章:

相關(guān)文章

JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法
這篇文章主要介紹了JQuery實現(xiàn)動態(tài)適時改變字體顏色的方法,實例分析了jQuery操作鼠標(biāo)事件及顏色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
jQuery基于BootStrap樣式實現(xiàn)無限極地區(qū)聯(lián)動
這篇文章主要介紹了jQuery基于BootStrap樣式實現(xiàn)無限極地區(qū)聯(lián)動的相關(guān)資料,需要的朋友可以參考下
2016-08-08
jquery實現(xiàn)用戶登陸界面(示例講解)
下面小編就為大家?guī)硪黄猨query實現(xiàn)用戶登陸界面(示例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
jquery按回車提交數(shù)據(jù)的代碼示例
jquery按回車提交數(shù)據(jù)的代碼示例，很簡單的一個方法，看一下就明白
2013-11-11
jQuery實現(xiàn)呼吸輪播圖
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)呼吸輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
jQuery實現(xiàn)基本隱藏與顯示效果的方法詳解
這篇文章主要介紹了jQuery實現(xiàn)基本隱藏與顯示效果的方法,結(jié)合實例形式詳細(xì)分析了jQuery中hide()、show()及toggle()等方法用于實現(xiàn)顯示/隱藏效果的相關(guān)操作技巧,需要的朋友可以參考下
2018-09-09
jQuery操作iframe中js函數(shù)的方法小結(jié)
這篇文章主要介紹了jQuery操作iframe中js函數(shù)的方法,結(jié)合實例形式總結(jié)分析了jQuery操作iframe中的元素、函數(shù)常用方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下
2016-07-07
jquery的選擇器的使用技巧之如何選擇input框
如何選擇input框，方法貌似有很多，而在jquery中有個相當(dāng)簡單不錯的方法，在下面為大家介紹下詳細(xì)的實現(xiàn)，希望大家可以練練手哦
2013-09-09
xheditor與validate插件沖突的解決方案
xheditor和validate都是優(yōu)秀的jQuery插件，但將兩者組合到起，如果初始化的順序不當(dāng)，則會出現(xiàn)一些微妙的結(jié)果。
2010-04-04
jQuery1.4.2與老版本json格式兼容的解決方法
原來使用jQuery1.3.2編寫的代碼，更換到1.4.2后，使用jQuery.ajax()加載的json文件，不能正常加載。(使用jQuery.getJSON()也一樣)
2011-02-02