jquery 滾動條事件簡單實例
更新時間:2013年07月12日 14:58:39 作者:
這篇文章介紹了jquery滾動條事件的簡單實例,有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(function(){
var lazyheight = 0;
//獲取數(shù)據(jù)
function showload(){
lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if ($(document).height()-100 <= lazyheight) {
alert("xxx");
}
}
//showload();
//綁定事件
$(window).bind("scroll", function(){
//當(dāng)滾動條滾動時
showload();
});
})
</script>
</head>
<body>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
javascript延時重復(fù)執(zhí)行函數(shù) lLoopRun.js
javascript延時重復(fù)執(zhí)行函數(shù) lLoopRun.js...2007-06-06
JavaScript程序員應(yīng)該知道的45個實用技巧
在這篇文章中,我將分享一組JavaScript的技巧、竅門和最佳實踐,這些都是JavaScript程序員應(yīng)該知曉的,不管他們是使用在瀏覽器/引擎上,還是服務(wù)器端(SSJS——Service Side JavaScript)JavaScript解釋器上2014-03-03
jQuery實現(xiàn)可收縮展開的級聯(lián)菜單實例代碼
這篇文章主要是對利用jQuery實現(xiàn)可收縮展開的級聯(lián)菜單的實例代碼進行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
有關(guān)文件上傳 非ajax提交 得到后臺數(shù)據(jù)問題
本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺數(shù)據(jù)的問題我們該怎么處理呢?下文給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2016-10-10
Bootstrap CSS組件之導(dǎo)航條(navbar)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之導(dǎo)航條(navbar),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
使用原生js實現(xiàn)頁面蒙灰(mask)效果示例代碼
像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果,當(dāng)然jquery也提供了這種蒙灰方法,下面有個示例,大家可以參考下2014-06-06

