簡體   English   中英

如果當前滾動位置在底部附近,則javascript滾動到div的底部

[英]javascript scroll to bottom of div if current scroll location is near bottom

我正在編寫一個腳本,該腳本將使用溢出滾動將文本(大小變化)附加到div塊(高度變化)。 附加此文本后,我需要將div塊滾動到底部才能看到新的附加文本,但是,如果當前滾動位置大約是底部滾動的10%左右,我只需要滾動到底部,否則在查看div頂部時向下滾動會很煩人。

這是我想出的,它在附加文本后運行:

var divblock = document.getElementById('div'); //the block content is appended to
var divheight = divblock.offsetHeight;//get the height of the divblock
//now check if the scroller is near the bottom and if it is then scroll the div to the abslute bottom

if (***HELP HERE***) divblock.scrollTop=divblock.scrollHeight; ///scroll to bottom

非常感謝!

if( divblock.scrollTop < divblock.scrollHeight )

div.scrollTop + lineheight> scrollHeight

像這樣?

您只需要檢查一下scrollTop是否大於scrollHeight 90%。

if (divblock.scrollTop > divblock.scrollHeight*0.9) {
  divblock.scrollTop=divblock.scrollHeight; 
}

scrollHeight = scrollTop + clientHeight + [軟鍵]

對我來說,“忽悠系數”似乎約為30-40(像素)。 所以試試這個:

if ((divblock.scrollTop + divblock.clientHeight + 50) > divblock.scrollHeight) {
    ...
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM