jquery如何判斷滾動條是否到底部

2021-10-19 16:54:52 字數 922 閱讀 4130

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判斷滾動條是否到...