jquery 滾動(dòng)條事件簡(jiǎn)單實(shí)例
更新時(shí)間：2013年07月12日 14:58:39 作者：
這篇文章介紹了jquery滾動(dòng)條事件的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
復(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>無(wú)標(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)滾動(dòng)條滾動(dòng)時(shí)
showload();
});
})
</script>
</head>
<body>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
</body>
</html>
您可能感興趣的文章:
- jquery中獲得元素尺寸和坐標(biāo)的方法整理
- JQuery拖拽元素改變大小尺寸實(shí)現(xiàn)代碼
- jquery獲取html元素的絕對(duì)位置和相對(duì)位置的方法
- JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
- JS和JQUERY獲取頁(yè)面大小,滾動(dòng)條位置,元素位置(示例代碼)
- JavaScript與JQUERY獲取元素的寬、高和位置
- jQuery獲得頁(yè)面元素的絕對(duì)/相對(duì)位置即絕對(duì)X,Y坐標(biāo)
- jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動(dòng)條分頁(yè)示例
- jQuery響應(yīng)滾動(dòng)條事件功能示例
- JQuery獲取元素尺寸、位置及頁(yè)面滾動(dòng)事件應(yīng)用示例
相關(guān)文章
探索Emberjs制作一個(gè)簡(jiǎn)單的Todo應(yīng)用
使用Emberjs制作一個(gè)簡(jiǎn)單的Todo應(yīng)用,需要的朋友可以參考下2012-11-11
javascript延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js
javascript延時(shí)重復(fù)執(zhí)行函數(shù) lLoopRun.js...2007-06-06
下面小編就為大家?guī)?lái)一篇獲取input標(biāo)簽的所有屬性的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JavaScript程序員應(yīng)該知道的45個(gè)實(shí)用技巧
在這篇文章中，我將分享一組JavaScript的技巧、竅門(mén)和最佳實(shí)踐，這些都是JavaScript程序員應(yīng)該知曉的，不管他們是使用在瀏覽器/引擎上，還是服務(wù)器端（SSJS——Service Side JavaScript）JavaScript解釋器上2014-03-03
jQuery實(shí)現(xiàn)可收縮展開(kāi)的級(jí)聯(lián)菜單實(shí)例代碼
這篇文章主要是對(duì)利用jQuery實(shí)現(xiàn)可收縮展開(kāi)的級(jí)聯(lián)菜單的實(shí)例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
這篇文章主要介紹了微信小程序之分享頁(yè)面如何返回首頁(yè)的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
有關(guān)文件上傳 非ajax提交 得到后臺(tái)數(shù)據(jù)問(wèn)題
本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)的問(wèn)題我們?cè)撛趺刺幚砟?？下文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-10-10
Bootstrap CSS組件之導(dǎo)航條(navbar)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之導(dǎo)航條(navbar)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了基于js實(shí)現(xiàn)投票的實(shí)例代碼,三種投票表現(xiàn)效果，個(gè)人比較喜歡柱狀投票圖，具有立體感，感興趣的朋友可以參考下2015-08-08
使用原生js實(shí)現(xiàn)頁(yè)面蒙灰(mask)效果示例代碼
像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果，當(dāng)然jquery也提供了這種蒙灰方法，下面有個(gè)示例，大家可以參考下2014-06-06