微信小程序scroll-view的scroll-into-view无效问题解决办法

最新推荐文章于 2024-08-14 09:00:32 发布

星哲最开心

最新推荐文章于 2024-08-14 09:00:32 发布

阅读量1w

点赞数 6

文章标签：小程序

本文链接：https://blog.csdn.net/github_36665118/article/details/99867418

版权

scroll-view默认跟view是一样的，只是一个view容器，默认会随着内容大小自动改变大小。只有当你的scroll-view的大小，小于其内的内容时，才有机会实现真正的滚动。所以，你必须设置固定的宽高，如果不设置，那与滚动相关的功能都不会有。看似可以滚动，那个不是scroll-view的，而是window本身的滚动。造成了错觉。

既然如此，很多人设置了100%的高度，依然不行，这里必须设置固定的高度如400rpx之类的。不支持%单位。

不信你试试！

还有一些其他问题会导致scroll-into-view失效的情况，比如：


//下面是显示list和滚动到list同时setdata，不会成功

this.setData({ showtype: 1, catlistHidden:true,toView: "defaultlist"});



//你必须改成，先显示，然后再滚动，分两次折行setData

this.setData({ showtype: 1, catlistHidden:true});

this.setData({ toView: "defaultlist"});//要先显示才能scroll-into，否则不会发生