微信小程序> 微信小程序scrollView之scrollintoview跳坑

微信小程序scrollView之scrollintoview跳坑

浏览量:729 时间: 来源:ノBye~

需求:

实现A页面点击按钮wx.navigateToB页面并定位到view位置。

A.wxml

button bindtap='clickBtn'跳转/button

A.js

clickBtn: function(){    wx.navigateTo({        url: '../b/b?viewId=view4' // 参数viewId=定位的位置id    })}

B.wxml

scroll-view  scroll-into-view="{{toView}}" style='height:100%;' scroll-y="true" class="scr"    view id='view1' style='200px;'        textMy is View1/text    /view    view id='view2' style='200px;'        textMy is View2/text    /view    view id='view3' style='200px;'        textMy is View3/text    /view    view id='view4' style='200px;'        textMy is View4/text    /view    view id='view5' style='200px;'        textMy is View5/text    /view/scroll-view

这地方一定一定一定必须必须必须要注意:

1. scroll-into-view 即使是测试也不可写死(组件布局完成后,动态的改变这个scroll-into-view的值,才会跳到索引位置)

2. scroll-y="true" & 固定高度

B.js

Page({  data: {      toView:'' // 配置默认显示view  },  onLoad: function (options) {    var id = options.viewId // 定位view的id    this.setData({        toView:'id'    })  }})

以上只是大体实现思路,仅供参考~_~

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎