jquery判斷滾動條是否到達視窗頂部和底部

2021-06-10 07:14:24 字數 320 閱讀 6666

var doc_height = $(document).height();

var scroll_top = $(document).scrolltop(); 

var window_height = $(window).height();

doc_height是文件的高度,scroll_top是滾動條上部離文件頂部的高度,window_height表示視窗高度。

當 scroll_top = 0 時,表示滾動條已經到達視窗頂部。

當 scroll_top + window_height >= doc_height 時,表示滾動條已經到達視窗底部。

jQuery檢測滾動條到達底部

jquery獲取位置和尺寸相關函式 document height 獲取整個頁面的高度 window height 獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不一樣的 scrolltop 獲取匹配元素相對滾動條頂部的偏移。scrol...

jquery 判斷滾動條到達了底部和頂端的方法

這篇文章主要介紹了jquery 判斷滾動條到達了底部和到達頂端的方法,需要的朋友可以參考下 複製 如下 document height 是獲取整個頁面的高度 window height 是獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不...

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

jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法,jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery判斷滾動條是否到...