css——隐藏滚动条
CSS 隐藏 滚动条
2023-09-27 14:29:10 时间
参考:https://cloud.tencent.com/developer/article/1449864
我的需求,电脑端微信浏览器不显示滚动条。
css:
div::-webkit-scrollbar { //chrome 和Safari,电脑端微信浏览器 width: 0 !important; height: 0 !important; //这样在电脑端微信浏览器横向滚动会无效。不加!important则可 } div{ -ms-overflow-style: none; //IE 10+ overflow: -moz-scrollbars-none; //Firefox }
经实践,谷歌浏览器、微信开发工具、移动端以及电脑端微信浏览器均有效。
相关文章
- CSS样式书写规范
- css-让div永远在最底部
- Semantic-UI的React实现(二):CSS类构造模块
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- 前端基础(六)_CSS单位
- CSS中2种去除浏览器默认样式方法—reset.css
- 编写现代CSS代码的20个建议
- HTML & CSS – Styling List
- CSS & JS Effect – Image hover animation
- 【DL】利用Deep Learning自动写Html+CSS
- css 动画 div顺时针方向移动,
- css text-transform 属性
- css隐藏元素的7种思路
- webpack4 单独抽离打包 css 的新实现
- 四个好看的CSS样式表格
- css:文字中间加上“|”的效果
- 李洪强和你一起学习前端之(9)规避脱标,CSS可见性,滑动门案例