瀏覽器滾動條相關

2021-07-09 23:45:55 字數 582 閱讀 2356

先去mdn 檢視這兩個概念: scrollheight  以及 clientheight

1,判斷是否存在滾動條

if(element.scrollheight - element.clientheight>0)

2,判斷乙個容器滾動條,沒有在最上面,怎麼判斷:

if(element.scrolltop > 0)

3,判斷滾動條是否滑動了最底部

let istobottom =element.scrollheight - element.scrolltop === element.clientheight

if(istobottom)

4,控制滾動條滑動到最底部

element.scrolltop = element.scrollheight-element.clientheight (只要大於這個值就可以,你甚至可以設定9999)

橫向的同理,快捷方法:

scrollto(x, y) 

參考:

瀏覽器滾動條相關

先去mdn 檢視這兩個概念 scrollheight 以及 clientheight 1,判斷是否存在滾動條 if element.scrollheight element.clientheight 0 2,判斷乙個容器滾動條,沒有在最上面,怎麼判斷 if element.scrolltop 0 3...

瀏覽器滾動條

做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯,發現是強制隱藏了bootstrap的模態框後,body的overflow變為了hidden,同時也多了乙個17px的右內邊距,無法呼叫出垂直滾動條,解決方案 隱藏模態框的同時設定body的overflow為scroll,同時取消右內邊...

js 瀏覽器高度 滾動條相關

element.scrollheight 是計量元素內容高度的唯讀屬性,包括overflow樣式屬性導致的檢視中不可見內容。沒有垂直滾動條的情況下,scrollheight值與元素檢視填充所有內容所需要的最小值clientheight相同。包括元素的padding,但不包括元素的margin.會對值...