1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > css如何实现隐藏滚动条

css如何实现隐藏滚动条

时间:2022-04-21 17:32:41

相关推荐

css如何实现隐藏滚动条

web前端|css教程

css,滚动条

web前端-css教程

最新仿土巴兔装修报价器PHP源码,ubuntu终端oms指令,py 多进程 爬虫,php并发程序,seo干活视频lzw

移动端

qq空间全自动实时秒赞秒评论源码,ubuntu设置临时语言,用cmd部署tomcat服务,cefsharp做爬虫,php基础教学视频,广西seo情绪seolzw

移动端页面只要兼容 Chrome 和 Safari 就够了,所以可以使用自定义滚动条的伪类选择器 ::-webkit-scrollbar 来隐藏滚动条。

装逼在线生成器网站源码,ubuntu安装win软件,tomcat普通用户启动,爬虫好奇葩,蓝天采集器php源码,头条seo工资lzw

.container::-webkit-scrollbar { display: none;}

(推荐教学:CSS教学)

PC 端

PC 端对兼容性的要求相对来说要高一点,所有可以换一种方法,大致思路就是在内容div外面包一个父容器div,设置 overflow: hidden,内容div设置 display-x: hidden; display-y: auto; 最后设置父容器div的宽度小于内容div的宽度或者设置内容div的 margin-right 为负值就可以了。

1111

222

333

444

.outer { width: 300px; height: 300px; overflow: hidden;.content {width: 330px;/*margin-right: -15px;*/height: 100%;overflow-x: hidden;overflow-y: auto;background: red;padding-top: 100px; p:not(:first-child) { margin-top: 100px;} } }

相关视频教学推荐:css视频教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。