日 | 一 | 二 | 三 | 四 | 五 | 六 |
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
[复位日记]
网站统计
·今日访问 : 415
·页面点击 : 418
·当前在线 : 2
2024年3月7日 星期四[阅读 197]
获取浏览器滚动条的占位宽度:
- let getScrollBarWidth = () => {
- let el = document.createElement("div");
- el.style.cssText = "overflow:scroll; visibility:hidden; position:absolute;";
- document.body.appendChild(el);
- let width = el.offsetWidth - el.clientWidth;
- el.remove();
- return width;
- };
此法借鉴了JQuery的实现方法,不同的是,jQuery使用双div,这里仅用一个div。
测得Chromium内核浏览器的滚动条为15px,Firefox测得的结果是 0。看样子,还是jQuery的方法靠谱。
评论列表: [ 1 条 ]
1 # 了了[2024-4-22 12:56] 路过,支持一下
发表评论: