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


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代码
Oct 09 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
浅谈JS的原型和继承
May 08 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
详解前端任务构建利器Gulp.js使用指南
Apr 30 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
php 设计模式之 工厂模式
2008/12/19 PHP
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
JS控制表格隔行变色
2006/06/26 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
div层的移动及性能优化
2010/11/16 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
使用js画图之画切线
2015/01/12 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
python实现文本文件合并
2015/12/29 Python
Python类属性的延迟计算
2016/10/22 Python
python实现解数独程序代码
2017/04/12 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
Python网络爬虫之爬取微博热搜
2019/04/18 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
python matplotlib imshow热图坐标替换/映射实例
2020/03/14 Python
python实现批量修改文件名
2020/03/23 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
Python实现自动整理文件的脚本
2020/12/17 Python
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
党员个人剖析材料
2014/09/30 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
PHP 时间处理类Carbon
2022/05/20 PHP