这是无效的,请问还有什么办法
时间: 2024-03-06 08:51:46 浏览: 98
如果上述方法无效,您可以尝试使用以下方法隐藏 `scroll-view` 组件的滚动条:
```html
<scroll-view class="scroll-view" scroll-y="true" style="overflow:scroll;">
<!-- scroll-view 的内容 -->
</scroll-view>
```
```css
/* 隐藏滚动条 */
.scroll-view::-webkit-scrollbar {
display: none;
}
/* 在 iOS Safari 上显示滚动条 */
.scroll-view::-webkit-scrollbar {
width: 5px;
}
.scroll-view::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0);
}
.scroll-view::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
```
其中,将 `scroll-view` 组件的 `style` 属性设置为 `overflow:scroll;` 可以使得滚动条在 iOS 上显示出来。然后,通过 `::-webkit-scrollbar` 伪类来隐藏滚动条。同时,为了在 iOS Safari 上显示滚动条,需要添加一些额外的 CSS 样式,将滚动条的宽度、颜色、边框等设置为合适的值。
希望这个方法可以解决您的问题。