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({}, () => { //回调方法 });