如何在 iOS Chrome 中使用 CSS 滚动捕捉 + 图片错误隐藏滚动条

Posted 2023-03-14

【中文标题】如何在 iOS Chrome 中使用 CSS 滚动捕捉 + 图片错误隐藏滚动条

【英文标题】：How hide scrollbar with CSS scroll snap + picture bug in iOS Chrome

【发布时间】：2019-06-27 14:11:28

【问题描述】：

如何在 ios Safari 和 Chrome 中隐藏原生滚动条？我正在使用此代码：

.scroll-snap-container::-webkit-scrollbar 
    display: none!important;
    height: 0;
    width: 0;
    background-color: transparent;

这在 iOS Safari 和 Chrome 中不起作用。

【参考方案1】：

尝试在你的代码中添加这个。

@media screen and (-webkit-min-device-pixel-ratio:0)  
.scroll-snap-container::-webkit-scrollbar 
display: none!important;
height: 0;
width: 0;
background-color: transparent;
 

【讨论】：

没有课？就这样？这应该解决什么问题？滚动条或图片有问题？

它是用 chrome 和 safari 运行的代码。在其中添加您的课程。我现在要编辑。

还是不行，那个滚动条还在 :(

为我工作，但我认为这太复杂了。我只使用了#gallery::-webkit-scrollbar display: none !important; ，其中#gallery 是包含我的图像的div。在 Chrome + iOS 中工作