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

微信小程序的scroll-view组件中，scroll-into-view属性可以指定滚动到指定id的位置。但有时候，该属性可能会出现无效的情况。下面是几种可能的原因和解决办法：

scroll-into-view属性指定的id不存在或不可见

如果scroll-into-view属性指定的id在页面中不存在，或者该id所在的区域不可见，那么该属性将会失效。您需要确保该id存在于页面中，并且可见。

页面没有完全渲染完成

如果页面没有完全渲染完成，而您的代码中已经调用了scroll-into-view属性，那么该属性将会失效。您可以将scroll-into-view的设置放在页面渲染完成的回调函数中，以确保该属性生效。例如：

scroll-into-view属性的值被重复设置

如果scroll-into-view属性的值在多个地方被设置，那么它可能会失效。在这种情况下，您需要确保scroll-into-view属性只在一个地方进行设置，并且确保该属性的值唯一。

scroll-view组件的高度设置不正确

如果scroll-view组件的高度设置不正确，那么scroll-into-view属性可能会失效。您可以通过设置scroll-view组件的高度为固定值或通过wx.getSystemInfoSync()获取屏幕高度来解决该问题。

以上是几种可能导致scroll-into-view属性失效的原因和解决方法，希望对您有所帮助。

最后附上作者写的小程序，仅供学习和交流。

来源地址：https://blog.csdn.net/weixin_55109596/article/details/129023944