微信小程序overflow-x: scroll失效
时间: 2023-10-20 09:06:02 浏览: 155
在微信小程序中,如果设置了`overflow-x: scroll`或`overflow-y: scroll`,但是发现滚动条没有出现或者滚动不起来,有可能是因为`scroll-view`的子元素没有设置宽度或高度导致的。在`scroll-view`中,只有当子元素的尺寸大于`scroll-view`的尺寸时,才会出现滚动条。
解决方法是对`scroll-view`的子元素设置合适的宽度或高度,例如:
```html
<scroll-view style="width: 100%; height: 200px; overflow-x: scroll;">
<view style="width: 500px; height: 200px;">这是一个很宽的视图</view>
</scroll-view>
```
在这个例子中,`scroll-view`的高度为200px,宽度为100%,并且设置了`overflow-x: scroll`。子元素`view`的宽度为500px,高度为200px。这样,当子元素的宽度大于`scroll-view`的宽度时,就会出现横向滚动条。如果子元素的宽度小于或等于`scroll-view`的宽度,则不会出现横向滚动条。
阅读全文