小程序scrollview滚动到指定位置

小程序中的scroll-view组件是用来实现滚动视图的，它可以垂直或者水平滚动。要实现滚动到指定位置，我们需要通过设置scroll-view组件的scrollTop或scrollLeft属性来实现。

首先，在小程序的json配置文件中添加scroll-view组件，设置其id和高度:

```json

{

"usingComponents": {

"scroll-view": "/path/to/scroll-view/scroll-view"

}

"navigationBarTitleText": "Scroll View Demo"

}

```

然后，在小程序的wxml文件中使用scroll-view组件，并设置其样式和高度:

```html

```

接下来，在小程序的js文件中，获取scroll-view组件的实例，并通过设置scrollTop属性来滚动到指定位置:

```javascript

Page({

data: {

scrollTop: 0

}

onLoad() {

this.scrollObj = this.selectComponent("#scroll");

}

scrollToUpper(e) {

console.log("滚动到顶部");

}

scrollToLower(e) {

console.log("滚动到底部");

}

scrollTo(position) {

this.setData({

scrollTop: position

});

}

//在某个事件触发或者页面加载完成后，调用scrollTo方法来滚动到指定位置

onLoad() {

this.scrollTo(500);

}

})

```

以上代码中，我们通过定义一个scrollTo方法来修改scrollTop属性的值，从而实现滚动到指定位置。在页面加载完成后，调用这个方法并传入指定位置即可滚动到相应的位置。

需要注意的是，设置scrollTop属性滚动到指定位置时，小程序有一个渲染延迟的问题。如果我们直接在scroll-view组件的onLoad方法中设置scrollTop属性，可能会导致滚动位置不准确。为了解决这个问题，我们可以在scroll-view的scrollTop属性发生变化后，使用wx.nextTick方法来在下一次渲染中滚动到指定位置:

```javascript

scrollTo(position) {

this.setData({

scrollTop: position

}

() => {

wx.nextTick(() => {

this.scrollObj.setScrollTop(position);

});

});

}

```

以上就是在小程序中实现scroll-view组件滚动到指定位置的方法。希望对你有所帮助。