如果滚动容器的样式或属性设置不当,如高度不足、overflow属性设置错误等,都可能影响scroll-into-view的效果。因此,应确保滚动容器的样式和属性设置正确。 三、视图渲染时机 在使用scroll-into-view时,如果目标元素尚未渲染完成,该功能将无法生效。因此,应确保在调用scroll-into-view时,目标元素已经存在于视图中。可以在...
子组件不存在或未渲染：如果指定的子组件不存在或者尚未被渲染，scroll-into-view就无法生效。可以通过set...
解决了，这个定义的<view :id="scrollIntoview"></view>必须和我的component同一层级，不能是他的子级...
1、校验scroll-into-view的赋值是否和view的id一致,因为id一般包含变量,很容易和预期的值不一样 2、数值改变才会触发滚动。比如scroll-into-view的值是'id-40-view',我们手动滚动到其他位置,然后想滚动回来,就再次给它赋'id-40-view',是不会触发滚动的,因为它的值没有改变。所以要及时清空scroll-into-view的...
无须设置:scroll-with-animation="true",只需将scroll-into-view的值改为变量,如:scroll-into-view="scrollPoint" 初始设置 scrollPoint: '',在onMounted里或者页面渲染后,再将scrollPoint设置为对应的id值如scrollPoint='activedVideo'即可。 参考:https://ask.dcloud.net.cn/question/126914 ...
1.给scroll-view要设置高度,必须设置上scroll-y或者scroll-x为true(必须要的) 2.scroll-into-view初始化设置的时候,可能因为页面或者数据未加载不能跳转。需要在js里手动setData一下。 然儿一顿操作后并没有效果 ,还是接着找原因吧... 问题出在自定义的组件这里,貌似这块的内容所占的高度在scroll-view中被忽略...
scroll-view的scroll-into-view无效,在支付宝小程序里scroll-into-view随着点击事件而改变,但是就是不会滚动,代码如下: <scroll-view scroll-y="true" style="height:100%;" scroll-into-view="{{scrollTopId}}" scroll-with-animation="true" enable-back-to-top="true"> ...
</scroll-view> 网上给的是要在@scroll 方法里设置intoView JS代码: scroll: function(e) { console.log(e) this.intoView = "view"+e.currentTarget.dataset.id; }, 然而,这个写法并不正确,需要使用setData方法,使用setData方法后,报setData方法报错。
微信小程序scroll-view的scroll-into-view无定位效果 image.png 最后发现,原来是在给scroll-view设置高度的时候,不能用%来设置高度,改成固定高度类似500rpx就可以了