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


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 相关文章推荐
javascript 写类方式之二
Jul 05 Javascript
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
JavaScript SetInterval与setTimeout使用方法详解
Nov 15 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
基于mpvue的小程序项目搭建的步骤
May 22 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
vue使用localStorage持久性存储实现评论列表
Apr 14 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
详解PHP中的Traits
2015/07/29 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
javascript window.opener的用法分析
2010/04/07 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
JavaScript中数组slice和splice的对比小结
2016/09/22 Javascript
javascript中this关键字详解
2016/12/12 Javascript
js实现一键复制功能
2017/03/16 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
jquery分页优化操作实例分析
2019/08/23 jQuery
layui 表单标签的校验方法
2019/09/04 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
PyQT实现多窗口切换
2018/04/20 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
Python 面向对象部分知识点小结
2020/03/09 Python
python安装dlib库报错问题及解决方法
2020/03/16 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
python 19个值得学习的编程技巧
2020/08/15 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
技术合作协议书范本
2014/04/18 职场文书
商铺消防安全责任书
2014/07/29 职场文书
成本会计实训报告
2014/11/05 职场文书
前台文员岗位职责
2015/02/04 职场文书
素质拓展训练感想
2015/08/07 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js