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)文章
這篇文章主要為大家介紹了webpack DefinePlugin源碼入口解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
layerui代碼控制tab選項卡,添加,關(guān)閉的實例
今天小編就為大家分享一篇layerui代碼控制tab選項卡,添加,關(guān)閉的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
mint-ui的search組件在鍵盤顯示搜索按鈕的實現(xiàn)方法
這篇文章主要介紹了mint-ui的search組件在鍵盤顯示搜索按鈕的實現(xiàn)方法,需要的朋友可以參考下2017-10-10
Js實現(xiàn)復(fù)選框的全選、全不選反選功能代碼實例
這篇文章主要介紹了Js實現(xiàn)復(fù)選框的全選、全不選和反選,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
靜態(tài)的動態(tài)續(xù)篇之來點XML...2006-08-08
這篇文章主要介紹了ES6中Iterator與for..of..遍歷用法,結(jié)合實例形式分析了ES6中Iterator的概念、用法及for..of..遍歷的使用技巧,需要的朋友可以參考下2017-03-03
微信小程序云開發(fā)修改云數(shù)據(jù)庫中的數(shù)據(jù)方法
這篇文章主要介紹了微信小程序云開發(fā)修改云數(shù)據(jù)庫中的數(shù)據(jù)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
數(shù)組是幾乎所有編程語言的基礎(chǔ)語法，JavaScript因為語法特性，我們更需要理解數(shù)組知識。本文從JavaScript中數(shù)組的一些特殊之處入手，通過這些少有特性的詳細(xì)介紹，加深我們對數(shù)組的理解2023-04-04
微信小程序轉(zhuǎn)發(fā)事件實現(xiàn)解析
這篇文章主要介紹了微信小程序轉(zhuǎn)發(fā)事件實現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
ES6新特性之解構(gòu)、參數(shù)、模塊和記號用法示例
這篇文章主要介紹了ES6新特性之解構(gòu)、參數(shù)、模塊和記號用法,結(jié)合實例形式分析了解構(gòu)、參數(shù)、模塊和記號的功能、用法及相關(guān)使用注意事項,需要的朋友可以參考下2017-04-04