uniapp的show-scrollbar无效
时间: 2023-09-02 14:08:36 浏览: 302
在开发uni-app应用时,使用`show-scrollbar`控制是否显示滚动条可能会出现无效的情况。这有可能是因为在某些平台上,该属性不被支持。你可以尝试以下方法解决该问题:
1. 在 `style` 中添加以下代码:
```css
::-webkit-scrollbar {
display: none;
}
```
2. 使用第三方插件 `better-scroll`,该插件可以在多个平台上有效地控制滚动条的显示和隐藏。
3. 尝试在 `scroll-view` 标签上添加属性 `scroll-y="true"`,这将强制显示滚动条。
希望这些方法能够帮助到你。
相关问题
show-scrollbar
"show-scrollbar" 是一个 CSS 属性,用于控制元素内部是否显示滚动条。该属性可以设置为以下值:
- auto:默认值,根据元素内部内容是否溢出来决定是否显示滚动条。
- hidden:隐藏滚动条,不管元素内部内容是否溢出。
- visible:始终显示滚动条,不管元素内部内容是否溢出。
例如,可以使用以下代码隐藏一个具有 ID 为 "my-element" 的元素的滚动条:
```
#my-element {
overflow: hidden;
}
```
修改.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view高度为100%
要将.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度修改为100%,可以在CSS中添加以下样式:
```css
.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
height: 100%;
}
```
这将把.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度设置为其父元素的高度,即100%。
阅读全文