微信小程序 点击/自动滑动到页面任意位置 类似描点

第一步:

wxml 页面 设置 控制文本的 bindtap='huadong'即可


第二步:

js页面插入


  1. huadong: function() {
  2. wx.createSelectorQuery().select('#page').boundingClientRect(function(rect) {
  3. if (rect){
  4. // 使页面滚动到id为page的view的底部
  5. console.log(rect.height);
  6. wx.pageScrollTo({
  7. scrollTop: rect.height
  8. })
  9. }
  10. }).exec()
  11. },


第三步:

在需要滚动的view上使id="page"


如我想滑动到详情页板块,那我将详情页板块以上的所有板块用

<view id="page"></view>包起来即可



<view id="page">这里是详情页板块往上的所有板块的代码</view>  //这一块相当于是web的描文本性质


<view>这里显示详情页的内容</view>



微信小程序 点击/自动滑动到页面任意位置 类似描点
版权声明:若无特殊注明,本文皆为《 傲世零零 》原创,转载请保留文章出处。
本文链接:微信小程序 点击/自动滑动到页面任意位置 类似描点 http://www.wangjunjiang.com/?post=131
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗

评论信息框

吃奶的力气提交吐槽中...