滾動條滾動到特定位置後出發的事件

2021-07-27 01:21:35 字數 956 閱讀 5753

滾動條滾動到特定位置後出發的事件

$(window).scroll(function () 

});

scroll事件適用於window物件,但也可滾動iframe框架與css overflow屬性設定為scroll的元素。

$(document).ready(function () , function (str) );

}});

});

注意:(window).height()和(document).height()的區別

jquery(window).height()代表了當前可見區域的大小,而jquery(document).height()則代表了整個文件的高度,可視具體情況使用.

注意當瀏覽器視窗大小改變時(如最大化或拉大視窗後) jquery(window).height() 隨之改變,但是jquery(document).height()是不變的。

$(document).scrolltop() 獲取垂直滾動的距離  即當前滾動的地方的視窗頂端到整個頁面頂端的距離

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

要獲取頂端 只需要獲取到scrolltop()==0的時候  就是頂端了

要獲取底端 只要獲取scrolltop()>=$(document).height()-$(window).height()  就可以知道已經滾動到底端了

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

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

$(document).scroll(function())

滾動條滑動到指定位置

廢話不多說直接 css樣式 scroll layer scroll layer p scroll layer input scroll layer button html 能夠輸入的值 100,500,1000,1500,2000,2500,2652 開始滑動 jquery的js function ...

頁面載入完畢後滾動條自動滾動一定位置

昨天有一需求,是希望頁面載入完畢後向程式設計客棧左自動滾動一定位置。一直以為只要給頁面的 document.documentelement.scrollleft 設定乙個數值就生效,結果失望了 今天抽空一查,才發現 使用document.documentelement.scrollleft 設定值,...

RecyclerView滾動到指定位置的一種姿勢。

其實這個問題沒有什麼難度了,下面的兩種方式都可以實現,但是效果可能並不是我想要的。recyclerview.scrolltoposition position recyclerview.smoothscrolltoposition position 因為我的效果是想要指定的position滑動到視窗...