小程序scroll-view跳转到底部

最新推荐文章于 2024-08-23 17:58:50 发布

v_loading

最新推荐文章于 2024-08-23 17:58:50 发布

阅读量334

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/v_loading/article/details/118224865

版权

小程序专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在小程序中如何实现scroll-view跳转到底部的效果，主要利用scroll-into-view属性结合固定高度的scroll-view来达成目标。同时，强调了设置scrollViewHeight为固定值以及正确指定scroll-into-view的id的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果

实现跳转到scroll-view的底部

实现

使用scroll-into-view，跳转到对应view的id

<scroll-view class="container" style="height:{{scrollViewHeight}}px" 
scroll-y="true" scroll-into-view="{{recognitionnow}}">
  <view   id="recognition{{index+1}}" wx:for="{{list}}" wx:key="index" class="dataItem">
    {{item}}
  </view>
   
</scroll-view>

	pagetop: 0,
    recognitionnow: "recognition0",
    list: [],

		let s = mrecstr
        let d = [...this.data.list, s]
        if (this.data.stop) {
          //停止滚动

          this.setData({ list: d })

        } else {
          //滚动到底部
          let n = this.data.pagetop + 1
          this.setData({ list: d })
          this.setData({
            pagetop: n,
            recognitionnow: "recognition" + n
          })
        }
        console.log('2ww', this.data.pagetop, this.data.recognitionnow)