小程序scroll-view首次加载滚动条不处于顶部
时间: 2023-09-29 13:10:08 浏览: 45
对于你的问题,我给出一个解决方法:使用`.scrollTo()`方法将滚动条滚动到顶部。具体实现可以参考以下代码:
```javascript
Page({
onLoad: function () {
wx.createSelectorQuery().select('#scroll-view').boundingClientRect((rect) => {
this.setData({
scrollViewHeight: rect.height
})
wx.createSelectorQuery().select('#top').boundingClientRect((rect) => {
this.setData({
scrollTop: rect.height - this.data.scrollViewHeight
})
wx.pageScrollTo({
scrollTop: this.data.scrollTop,
duration: 0
})
}).exec()
}).exec()
}
})
```
当然,不同情况下可能需要不同的实现方式,你可以根据自己的实际情况进行调整。
相关问题
微信小程序scroll-view怎么去除滚动条
可以在scroll-view组件的属性列表中设置scroll-y属性为false,即可去除滚动条。代码示例:
```
<scroll-view scroll-y="{{false}}" style="height: 200px;">
<!-- 内容区域 -->
</scroll-view>
```
微信小程序scroll-view隐藏滚动条
可以通过设置 scroll-view 组件的属性来隐藏滚动条。你可以将 scroll-view 的属性 scroll-x 或 scroll-y 设置为 false,以禁用对应方向的滚动条。
下面是一个示例代码,演示如何隐藏 scroll-view 的滚动条:
```html
<scroll-view scroll-x="false" scroll-y="false">
<!-- 内容 -->
</scroll-view>
```
在上面的代码中,scroll-x 和 scroll-y 的值都设置为 false,意味着不显示水平和垂直方向的滚动条。
通过这种方式,你可以隐藏 scroll-view 组件的滚动条。希望能对你有所帮助!如果还有其他问题,请随时提问。