捉蟲隨記 無法判斷滾動條到底部

2022-08-26 12:12:06 字數 664 閱讀 6279

判斷滾動條是否到達底部的原理:

判斷滾動條到底部,需要用到dom的三個屬性值,即scrolltop、clientheight、scrollheight。

當 scrollheight - scrolltop == clientheight 時,則證明滾動條到達底部。

遇到的問題:

在火狐中可以成功判斷(**沒有大的邏輯問題),但是在chrome中一直無法判斷。

於是我輸出了這三個值到達底部時的數值……

(emm…scrolltop居然不是整數,我居然滾動出了小數?)

找來找去,只有這個部落格詳細提到了這個問題,但是沒提供解決思路。

解決方案

只能按照小數判斷相等的思路,讓(scrollheight - scrolltop - clientheight)

(另外,如果是判斷兩個小數/浮點數相等的話,除了用上面的方法,還可以用tofixed()方法可以把number四捨五入為指定小數的數字。

語法numberobject.tofixed(num);//num代表要保留的小數字數。)

判斷滾動條是否滾動到底部

先是對乙個dom元素的三個屬性先理解。分別是 clientheight offsetheight scrolltop。說說個人理解。clientheight 這個元素的高度,占用整個空間的高度,所以,如果乙個div有滾動條,那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的...

滾動條滾動到底部

其實,滾動條是抽象為乙個 點 來對待。在內部div高度高於外部div高度,並且外部div允許出現垂直滾動條時,此時頁面載入後會出現滾動條。理解兩個屬性,scrollheihgt scrolltop,scrollheight為滾動條可以滾動的滾動的距離,即內部div的高度,scrolltop表示滾動條...

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

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