关于移动端隐藏scroll滚动条::-webkit-scrollbar

::-webkit-scrollbar {/隐藏滚轮/
display: none;
}

一般搜到的方法是这样，给各位演示一下：

这样会挡住一些小图片很难受，加入隐藏滚轮后效果如下：
就很舒适，这其中也有一些小坑，比如说写法上是
此时这个.song_list与::-webkit-scrollbar直接是不能空格的，空格就效果显示不出来，但如果是ul上面的div标签的话来加这个隐藏滚动条属性的话中间就可以空格，这一点让我实在纳闷。

但这只是一个小坑，我遇到的问题呢是火狐浏览器没法正确使用这个方法来隐藏滚动条，所以我在网上搜了一波火狐浏览器的用法，现推荐给大家

scrollbar-width: none;
具体用法如下：
把注释解掉就可以火狐浏览器以及Chrome浏览器都能隐藏了，当然这都是小坑，在网上都能搜到，各位加油一起学。

关于移动端隐藏scroll滚动条::-webkit-scrollbar相关推荐

移动端隐藏scroll滚动条::-webkit-scrollbar
::-webkit-scrollbar { display: none;/*隐藏滚轮*/ }
Css实现自动隐藏scroll滚动条但不影响滚动功能
Css实现自动隐藏scroll滚动条但不影响滚动功能谷歌内核webkit .container::-webkit-scrollbar {display: none; //Safari and Chr ...
Web端隐藏垂直滚动条且保留滚动效果
在做项目时,发现UI们常常为了快速出图,在设计UI图时只设计一种正常情况下的布局,但是往往实际应用中,内容超出限定区域是很常见的现象,当内容超出时,如果css样式没有设置隐藏则会出现滚动条,而滚动条的 ...
解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题
今天在工作中,遇到一个关于overflow在移动端视图调试滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚 ...
js 实现pc端鼠标拖动触发横向滚动条的滚动（隐藏的滚动条）
如果您想插件实现,如下链接:better-scroll better-scroll | :scroll: inspired by iscroll, and it supports more featu ...
横向滚动条并且隐藏竖向滚动条
怎么用CSS给html加横向滚动条并且隐藏竖向滚动条解决方法:隐藏竖向滚动条在子页面的<html>标签里加入以下格式:<html style="overflow: au ...
【Axure交互教程】隐藏页面滚动条的3种方法
作品名称:隐藏页面滚动条的3种方法作品编号:Case001 软件版本:Axure9 作品类型:交互案例原型预览链接(附源文件下载链接):http://daisyaxure.com/demo/Cas ...
html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案
在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现. ...
使用CSS隐藏元素滚动条【兼容主流浏览器】
如何隐藏滚动条,同时仍然可以在任何元素上滚动? 首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置 overflow:auto 样式即可.想要完全隐藏滚动条只需设置 overflow:hid ...

关于移动端隐藏scroll滚动条::-webkit-scrollbar

关于移动端隐藏scroll滚动条::-webkit-scrollbar相关推荐

最新文章

热门文章

关于 移动端隐藏scroll滚动条::-webkit-scrollbar

关于 移动端隐藏scroll滚动条::-webkit-scrollbar相关推荐

最新文章

热门文章

关于移动端隐藏scroll滚动条::-webkit-scrollbar

关于移动端隐藏scroll滚动条::-webkit-scrollbar相关推荐