马黑PHP整站系统

     12
3456789
10111213141516
17181920212223
24252627282930
31      

[复位日记]

最新评论

飞飞
悄然
了了
悄然
小希

网站统计

·今日访问 : 795
·页面点击 : 889
·当前在线 : 14

2024年3月7日 星期四[阅读 129]

获取浏览器滚动条的占位宽度:

  1. let getScrollBarWidth = () => {
  2.     let el = document.createElement("div");
  3.     el.style.cssText = "overflow:scroll; visibility:hidden; position:absolute;";
  4.     document.body.appendChild(el);
  5.     let width = el.offsetWidth - el.clientWidth;
  6.     el.remove();
  7.     return width;
  8. };

此法借鉴了JQuery的实现方法,不同的是,jQuery使用双div,这里仅用一个div。

测得Chromium内核浏览器的滚动条为15px,Firefox测得的结果是 0。看样子,还是jQuery的方法靠谱。

2024': 前一则  下一则    

评论列表: [ 1 条 ]

1 # 了了[2024-4-22 12:56]   路过,支持一下

发表评论:

       

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com