程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

如何从 mozilla firefox 隐藏滚动条?[复制]

发布于2023-05-29 21:20     阅读(1318)     评论(0)     点赞(17)     收藏(5)


CSS 从 Mozilla Firefox 中隐藏滚动条,就像我们可以从 chrome 中隐藏它一样:-

::-webkit-scrollbar

解决方案


您可以执行以下操作

<div style='width: 100%;height:300px;'>
     <div style='height: 100%; overflow: auto; margin-right: -15px;'>
          //your overflowing content
     </div>
</div>

父 div 中的高度取决于您的用例。

内部 div 中的 margin-right 属性是可以从 javascript 计算的滚动条宽度,如下所示。

var div = document.createElement('div');
div.setAttribute('style', "width: 100%;height: 100%;position: absolute;overflow: auto;visibility: hidden;");
document.body.appendChild(div);
div.innerHTML = '<div style="width: 100%;height: 200%;"></div></div>';
var scrollWidth = div.offsetWidth - div.clientWidth;
div.parentNode.removeChild(div);
return scrollWidth;

您必须将返回的“ scrollWidth ”数据设置为子容器的负“ margin-right ”。

这将适用于所有浏览器。

注意:margin-right属性应该在检查内容是否溢出后设置否则你会遇到一些宽度问题。




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/528444/981012daeabdadc3be76/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

17 0
收藏该文
已收藏

评论内容:(最多支持255个字符)