Question

我想禁用iOS应用中的滚动条。内容应该是可滚动的，但滚动条应该是不可见的。

我怎么能意识到这一点？

Answer 1

对于大多数浏览器而言，另一个答案是完美的（据我所知）。但是，如果您只是针对iOS和/或Android，那么这个CSS会更简单，更充分，并且不需要对HTML进行结构更改：

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

我自己测试了这个。适用于webkit浏览器，这意味着它适用于Android / iOS。

Answer 2

您可以先尝试此操作overflow-y: hidden;将隐藏滚动条，然后overflow-y: scroll;将允许垂直滚动。

CSS

#content {
    position: relative;
    width: 200px;
    height: 150px;
    border: 1px solid black;
    overflow: hidden;
}
#scrollable {
   height: 150px;   
   width: 218px;
   overflow-y: scroll;    
}

HTML：

<div id="content">
    <div id="scrollable">
         <!--Content goes here-->
    </div>
</div>

希望这有帮助。！

Answer 3

截至2020年，以上答案均未对我起作用，因此，这是对我而言固定的解决方法：

应用

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

您要隐藏滚动条的位置

在Cordova iOS中禁用滚动条

3 个答案: