网络编程 
首页 > 网络编程 > 浏览文章

微信小程序页面滚动到指定位置代码实例

(编辑:jimmy 日期: 2024/11/15 浏览:3 次 )

这篇文章主要介绍了微信小程序页面滚动到指定位置代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

页面上有一个元素或者组件,id 为 comment

则:

var me = this;
   var query = wx.createSelectorQuery().in(me);
   query.selectViewport().scrollOffset()
   query.select("#comment").boundingClientRect();
   query.exec(function (res) {
    console.log(res);
    var miss = res[0].scrollTop + res[1].top - 10;
    wx.pageScrollTo({
     scrollTop: miss,
     duration: 300
    });
     
   });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:vue的滚动条插件实现代码
下一篇:通过vue写一个瀑布流插件代码实例