首页 > 网站 > WEB开发 > 正文

隐藏overflow-x的滚动条

2024-04-27 15:04:40

字体：大中小

来源：转载

供稿：网友

.wrap { width: 100%; overflow: hidden; //关键 } .scroll { width: 100%; padding-bottom: 100px; //height + padding-bottom 必须大于.wrap height overflow-x: auto; } .content { width: 500%; background: linear-gradient(90deg,blue 50px,yellow 50px,yellow 100px); }<div class="wrap"> <div class="scroll"> <div class="content"></div> </div> </div>

主要用在移动端，在pc端同overflow: hidden没区别，因为滚动条已被隐藏想移动也移动不了

上一篇：调试器参数思考

下一篇：根据出生日期得到是该年的第几天，带一点算法，不用一个月份一个月份的加

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注