el-drawer隐藏滚动条（兼容firefox浏览器）

//抽屉从右往左开
.el-drawer.rtl{overflow: auto;
}//使得drawer可以滚动
.el-drawer__container ::-webkit-scrollbar{display: none;
}//隐藏滚动条，在谷歌浏览器上是ok的

但是写完到了firefox滚动条还在，需要加上:

*{scrollbar-width: none;
}

el-drawer隐藏滚动条（兼容firefox浏览器）相关推荐

滚动条兼容火狐浏览器
滚动条兼容火狐浏览器滚动条距离顶部距离 let ele=document.getElementById("demo") console.log(ele.scrollTop) 滚定 ...
隐藏滚动条适用于各个浏览器
怎麽把＂滚动条＂隐藏? 问题釐清什麽是＂滚动条＂? 滚动条指的是下图右侧被红线框起来的部分: 只要网页内容大于视窗,滚动条就会出现. 一般来说,只要不是body层次的滚动条,那用overflow: ...
css隐藏滚动条兼容IE，火狐，chrom
1.width多17px,外层容器溢出隐藏,能兼容各个浏览器. .outContainer {width:350px;height:300px;overflow: hidden; } .inConta ...
在FireFox浏览器上，用stopImmediatePropagation阻止冒泡鼠标滚动事件
楔子是不是在火狐用stopPropagation不太满意很久没有笑过又不知为何既然不快乐又不喜欢这里不如一路向西用stopImmediatePropagation(其实我对浏览器的兼容性看不顺 ...
使用CSS隐藏元素滚动条【兼容主流浏览器】
如何隐藏滚动条,同时仍然可以在任何元素上滚动? 首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置 overflow:auto 样式即可.想要完全隐藏滚动条只需设置 overflow:hid ...
浏览器滚动条修改样式隐藏滚动条
处理浏览器默认的滚动条设置滚动条 // 设置滚动条达到出现标准才出现 .scroll {height:300px;width:70px;overflow:auto; } // 宽度(width)和 ...
解决Selenium与firefox浏览器版本不兼容问题
解决Selenium与firefox浏览器版本不兼容问题参考文章: (1)解决Selenium与firefox浏览器版本不兼容问题 (2)https://www.cnblogs.com/limxia ...
js框架jquery实现的幸运大转盘抽奖程序代码,兼容多种浏览器(Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Chrome)
博客目录 js框架jquery实现的幸运大转盘抽奖程序代码实现功能截图系统功能使用技术代码写在最后 js框架jquery实现的幸运大转盘抽奖程序代码本系统实现了一个幸运转盘抽奖,兼容多种浏 ...
火狐浏览器滚动条兼容问题
在日常开发中,我们经常会用到 overflow: scroll; 但浏览器自带的默认滚动条很难看,因此我们会需要美化它方法一:自定义美化谷歌 chrome 浏览器美化滚动条方法:(网上有很多种美化 ...

el-drawer隐藏滚动条（兼容firefox浏览器）

el-drawer隐藏滚动条（兼容firefox浏览器）相关推荐

最新文章

热门文章