先去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.會對值...