scroll-view实际不生效(例如scroll-into-view不能跳转到正确的元素)
为了能够使用微信小程序中的scroll-view滚动到特定的元素,将原有代码改造为scroll-view,但是scroll-into-view并不生效,使用的html代码如下:
<scroll-view scroll-x="true" scrollIntoView="{{id}}">
<view class="linetext">
</view>
</scroll-view>
经排查,这是由于在css中指定了view的css属性overflow: scroll,导致页面上的这个滚动实际是由view的css控制的,将这一属性删除即可。
没有准确地滚动到预定位置
由于滚动的内容是通过setData方法实时生成的,而setData是异步的方法,在setData生效前就执行了定位会定位到上一次生成的内容中,可以使用setData的回调方法来解决这个问题:
setData({},
() => {
//回调方法
});