jquery判斷滾動條是否到底部的方法:1、使用【scrolltop()】方法,jquery檢測瀏覽器window滾動條到達底部;2、使用【scroll_div】檢測動條到達底部事件。
本教程操作環境:windows7系統、jquery3.2.1版本,該方法適用於所有品牌電腦。
jquery判斷滾動條是否到底部的方法:
一、jquery檢測瀏覽器window滾動條到達底部
jquery獲取位置和尺寸相關函式:
$(document).height() 獲取整個頁面的高度
$(window).height() 獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不一樣的
scrolltop() 獲取匹配元素相對滾動條頂部的偏移。
scrollleft() 獲取匹配元素相對滾動條左側的偏移。
scroll([[data],fn]) 當滾動條發生變化時觸犯scroll事件
jquery檢測滾動條到達底部**:12
3456
78910
1112
$(document).ready(function()
if ($(document).scrolltop() >= $(document).height() - $(window).height())
});});
二、jquery檢測div中滾動條到達底部
上半篇介紹了jquery檢測瀏覽器window滾動條到達底部,其實還並不理解scrolltop和scrollheight概念,通常滾動條都是放在div中的。
如下檢測id為scroll_div滾動條到達底部事件:12
3456
7來自於www.php中文網.cn
來自於www.php中文網.cn
來自於www.php中文網.cn
jquery如何判斷滾動條是否到底部
jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法,jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery判斷滾動條是否到...
jquery如何判斷滾動條是否到底部
jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法,jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery判斷滾動條是否到...
jquery如何判斷滾動條是否到底部
jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法,jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery判斷滾動條是否到...