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


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 相关文章推荐
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
浅谈webpack打包之后的文件过大的解决方法
Mar 07 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 Javascript
js实现拾色器插件(ColorPicker)
May 21 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
通过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
默默简单的写了一个模板引擎
2007/01/02 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
node.js中的console.trace方法使用说明
2014/12/09 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
python写一个md5解密器示例
2018/02/23 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
python实现实时视频流播放代码实例
2020/01/11 Python
python编写俄罗斯方块
2020/03/13 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
工业自动化专业毕业生推荐信
2013/11/18 职场文书
党员志愿者活动总结
2014/06/26 职场文书
设备技术员岗位职责
2015/04/11 职场文书
单位接收证明格式
2015/06/18 职场文书
增值税发票丢失证明
2015/06/19 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
解读Vue组件注册方式
2021/05/15 Vue.js
Python下opencv库的安装过程及问题汇总
2021/06/11 Python
golang中字符串MD5生成方式总结
2021/07/04 Golang