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


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对象转字符串如何实现
Dec 02 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
JS实现的论坛Ajax打分效果完整实例
Oct 31 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
通过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
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
2014/03/22 Javascript
nodejs使用redis作为缓存介质实现的封装缓存类示例
2018/02/07 NodeJs
基于vue.js实现的分页
2018/03/13 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
python使用三角迭代计算圆周率PI的方法
2015/03/20 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
微信跳一跳游戏python脚本
2020/04/01 Python
python3 爬取图片的实例代码
2018/11/06 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
python 同时读取多个文件的例子
2019/07/16 Python
Python实现自动整理文件的脚本
2020/12/17 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
分厂厂长岗位职责
2013/12/29 职场文书
大学校园毕业自我鉴定
2014/01/15 职场文书
人力资源经理的岗位职责
2014/03/02 职场文书
赔偿协议书范本
2014/09/12 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
2014年售后服务工作总结
2014/11/18 职场文书
邀请书格式范文
2015/02/02 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
初中数学教学随笔
2015/08/15 职场文书
Python OpenCV超详细讲解基本功能
2022/04/02 Python
JS函数式编程实现XDM一
2022/06/16 Javascript