微信小程序scroll-view的scroll-into-view属性

微信小程序scroll-view的scroll-into-view属性有以下需要注意：

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比茌平网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式茌平网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖茌平地区。费用合理售后完善，十年实体公司更值得信赖。

scroll-into-view 是 scroll-view 的一个属性，主要作用是用于滚动到指定元素的位置，其对应值是元素的id，使用方法如下：

<scroll-view scroll-y="" class="scroll" scroll-into-view="{{toView}}"></scroll-view>

<view  class="item" wx:for="{{dataList}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></view>toView 就是要滚动到的元素的位置，但是有几个地方需要注意，否则没有效果。

scroll-into-view 的值必须是动态的，通过setData设置后，重新渲染才会有效。如果是静态的，如scroll-into-view="item2"，则无效。

scroll-view 必须有固定的高度，如果设置高度为百分比的话，父容器一定要固定高度，否则无效。比如最顶层的 view 没有设置固定高度，然后在下面添加的 scroll-view 的高度就直接设置height:100%是无效的，此时可以设置为height:100vh代替。

网页题目：微信小程序scroll-view的scroll-into-view属性
文章起源：https://www.cdcxhl.com/article28/scdscp.html

成都网站建设公司_创新互联，为您提供网站维护、手机网站建设、商城网站、软件开发、微信小程序、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联