如何在移动设备或模拟器上隐藏滚动条，而不影响React应用程序中的滚动行为？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何在移动设备或模拟器上隐藏滚动条，而不影响React应用程序中的滚动行为？

P粉208286791 2023-08-17 15:35:56

[CSS3讨论组]

709

<p>在移动设备上，我希望在整个应用程序中完全隐藏滚动条，但我需要用户能够滚动。</p> <p>我尝试使用CSS的scrollbar、scrollbar-thumb、scrollbar-thumb:hover和scrollbar-track来隐藏滚动条，在浏览器上可以工作，但在移动设备上无效。</p>

P粉208286791

全部回复(1)

P粉8967510372023-08-18 11:08:31 1楼

您需要使用两个CSS属性，一个用于webkit，另一个用于Mozilla，如下所示 -

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

.invisible-scrollbar {
  scrollbar-width: none;
}

其中.invisible-scrollbar是添加到相关元素的类。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部