jQuery響應(yīng)滾動條事件功能示例
更新時間：2017年10月14日 11:42:54 作者：一笑而過
這篇文章主要介紹了jQuery響應(yīng)滾動條事件功能,可實現(xiàn)針對滾動條狀態(tài)的實時計算與響應(yīng)功能,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery響應(yīng)滾動條事件功能。分享給大家供大家參考，具體如下：
<!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>無標題文檔</title>
<script type="text/javascript" src="jquery-1.7.2.min.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() {
//當滾動條滾動時
showload();
});
})
</script>
</head>
<body>
<img src="1.jpg"/><br/>
<img src="2.jpg"/><br/>
<img src="3.jpg"/>
</body>
</html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery切換特效與技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)折疊、展開的菜單組效果代碼,涉及jQuery針對頁面元素屬性動態(tài)操作的相關(guān)技巧,展開折疊效果平滑自然,需要的朋友可以參考下2015-09-09
本文主要對單行文本框、多行文本框應(yīng)用、復(fù)選框應(yīng)用、下拉框應(yīng)用、表單應(yīng)用進行實例分析介紹。具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
使用JQUERY進行后臺頁面布局控制DIV實現(xiàn)左右式
一個網(wǎng)站的后臺使用frame框架來實現(xiàn)這種形式，這邊作者不是使用的frame而是純div進行布局，下面看下具體的實現(xiàn)代碼2014-01-01
jQuery EasyUI之驗證框validatebox實例詳解
本文通過實例代碼給大家講解了jQuery EasyUI之驗證框validatebox知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-04-04
這篇文章主要介紹了如何用jquery控制表格奇偶行及活動行顏色,需要的朋友可以參考下2014-04-04
jQuery+ajax讀取json數(shù)據(jù)并按照價格排序示例
這篇文章主要介紹了jQuery+ajax讀取json數(shù)據(jù)并按照價格排序,涉及jQuery基于ajax動態(tài)獲取json文件數(shù)據(jù)并進行數(shù)據(jù)遍歷與排序的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
用jQuery向div中添加Html文本內(nèi)容的簡單實現(xiàn)
下面小編就為大家?guī)硪黄胘Query向div中添加Html文本內(nèi)容的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
我經(jīng)常抱怨jQuery的DOM操作性能并不優(yōu)秀，并且經(jīng)常嘗試用一些方法去進行優(yōu)化，但是越是優(yōu)化，越是沮喪地發(fā)現(xiàn)jQuery其實已經(jīng)做得很好，從使用者的角度能夠進行的優(yōu)化實在有限2011-02-02
在不適用錨點的情況下也可以平滑滾動到頁面的指定位置，看樣子還不錯嗎，具體處理程序如下，感興趣的朋友可以參考下哈，希望對你有所幫助2013-05-05
實現(xiàn)點擊下箭頭變上箭頭來回切換的兩種方法【推薦】
本文主要介紹了實現(xiàn)點擊下箭頭變上箭頭來回切換的兩種方法，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12