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


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 相关文章推荐
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
js跳转页面方法总结
Jan 29 Javascript
javascript的函数作用域
Nov 12 Javascript
Sea.JS知识总结
May 05 Javascript
JS使用单链表统计英语单词出现次数
Jun 16 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
Sep 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
php下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
什么情况下可以不写PHP的闭合标签“?>”
2014/08/28 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
Python简单的制作图片验证码实例
2017/05/31 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python实现高斯投影正反算方式
2020/01/17 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
优秀实习自我鉴定
2013/12/04 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
主要负责人任命书
2014/06/06 职场文书
股东授权委托书范本
2014/09/13 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS
JavaScript的function函数详细介绍
2021/11/20 Javascript
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL