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


Posted in Javascript onSeptember 07, 2019

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

页面上有一个元素或者组件,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
    });
     
   });

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

Javascript 相关文章推荐
json简单介绍
Jun 10 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
直接拿来用的15个jQuery代码片段
Sep 23 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
关于vue中如何监听数组变化
Apr 28 Vue.js
通过vue写一个瀑布流插件代码实例
Sep 07 #Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 #Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 #Javascript
解决layer.open后laydate失效的问题
Sep 06 #Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 #Javascript
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 #Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 #Javascript
You might like
Email+URL的判断和自动转换函数
2006/10/09 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
PHP goto语句用法实例
2019/08/06 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
flash遮住div问题的正确解决方法
2014/02/27 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
js性能优化技巧
2015/11/29 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
layui关闭层级、简单监听的实例
2019/09/06 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
使用Python实现一个简单的项目监控
2015/03/31 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
python 剪切移动文件的实现代码
2018/08/02 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
Python实现Restful API的例子
2019/08/31 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
php优化查询foreach代码实例讲解
2021/03/24 PHP
企业项目策划书
2014/01/11 职场文书
保密协议书范本
2014/04/22 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
2015年统战工作总结
2015/05/19 职场文书
python高温预警数据获取实例
2022/07/23 Python