jquery如何使用滾動條監聽事件

2021-10-14 15:31:28 字數 520 閱讀 5327

jquery使用滾動條監聽事件的方法:1、使用【$(window).scrolltop():】獲取垂直滾動條距離文件頭部的高度;2、使用【$(document).scrollleft()】獲取水平滾動條的距離。

本教程操作環境:windows7系統、jquery3.2.1版本,該方法適用於所有品牌電腦。

jquery使用滾動條監聽事件的方法:

先來乙個例子:12

3456

78910

1112

$(document).ready(function()

})})

語法$(window).scrolltop();//獲取垂直滾動條距離文件頭部的高度

$(document).scrollleft() //獲取水平滾動條的距離

$(document).height() //獲取整個頁面的高度

$(window).height() //獲取當前,也就是你瀏覽器所能看到的頁面的那部分的高度,這個大小在你縮放瀏覽器視窗大小,會改變,與document是不一樣的

jquery如何使用滾動條監聽事件

jquery使用滾動條監聽事件的方法 1 使用 window scrolltop 獲取垂直滾動條距離文件頭部的高度 2 使用 document scrollleft 獲取水平滾動條的距離。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery使用滾動...

jquery如何使用滾動條監聽事件

jquery使用滾動條監聽事件的方法 1 使用 window scrolltop 獲取垂直滾動條距離文件頭部的高度 2 使用 document scrollleft 獲取水平滾動條的距離。本教程操作環境 windows7系統 jquery3.2.1版本,該方法適用於所有品牌電腦。jquery使用滾動...

監聽滾動條事件

今天遇到需要監聽滾動條事件的問題,本來以為是乙個簡單的監聽就好了,哪成想,這麼多bug,說到底還是自己基礎不紮實,所以趁現在下班沒事把它記錄下來。以備後續所需,哈哈。1 首先是最基本的監聽事件 methods mounted mounted 後面的 true 則是第三個引數然後就可以出來了 下圖便是...