uniapp scroll-into-view不自动跳转到顶端
时间: 2023-08-21 15:05:39 浏览: 158
您好!对于 `scroll-into-view` 在 Uniapp 中不自动跳转到顶端的问题,您可以尝试以下几种方法来解决:
1. 使用 `setTimeout` 延迟执行 `scroll-into-view`,例如:
```javascript
setTimeout(() => {
uni.pageScrollTo({
selector: '#target-element',
duration: 300,
scrollTop: 0
});
}, 100);
```
2. 直接使用小程序的原生 API `wx.pageScrollTo`,例如:
```javascript
setTimeout(() => {
wx.pageScrollTo({
selector: '#target-element',
duration: 300,
scrollTop: 0
});
}, 100);
```
3. 在 `scroll-into-view` 的目标元素上添加 `scroll-top="{{scrollTop}}"` 属性,并在页面的 `data` 中定义 `scrollTop` 变量,例如:
```html
<view id="target-element" scroll-top="{{scrollTop}}">...</view>
```
```javascript
data() {
return {
scrollTop: 0
};
},
```
然后在页面的生命周期或其他需要触发滚动的地方,将 `scrollTop` 设置为 `0`,例如:
```javascript
onLoad() {
this.scrollTop = 0;
},
```
这样每次页面加载或触发滚动时,都会将目标元素滚动到顶端。
希望以上方法能够帮助到您!如果还有其他问题,请随时提问。
阅读全文