2021年11月26日 星期五

得到瀏覽器 scrollbar 寬度

Get the Scrollbar Width of an Element

const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;

參考:

https://www.javascripttutorial.net/dom/css/get-the-scrollbar-width-of-an-element/


Note:

2021/11/26

不知道為什麼,現在發現

document.body.offsetWidth 會等於  document.body.clientWidth,
不過研究了一下 Bootstrap Modal 的程式源碼,

發現可以用

window.innerWidth - document.documentElement.clientWidth

來得到正確的 scrollbarWidth 

原因不明,或許跟 web 標準改變有關??

沒有留言 :

張貼留言