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


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 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
jquery multiSelect 多选下拉框
Jul 09 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
jquery 键盘事件的使用方法详解
Sep 13 jQuery
Angular CLI 安装和使用教程
Sep 13 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
如何在postman中添加cookie信息步骤解析
Jun 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的基本常识小结
2013/07/05 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
javascript 控制弹出窗口
2007/04/10 Javascript
jQuery 1.2.x 升? 1.3.x 注意事项
2009/05/06 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
微信小程序switch开关选择器使用详解
2018/01/31 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
Node.js 使用AngularJS的方法示例
2018/05/11 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
图解javascript作用域链
2019/05/27 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
2020/10/26 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
python 整数越界问题详解
2019/06/27 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
adidas泰国官网:adidas TH
2020/07/11 全球购物
最新大学毕业求职简历的自我评价
2013/10/18 职场文书
教师自我剖析材料
2014/09/29 职场文书
西湖英语导游词
2015/02/06 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
初中政治教学反思
2016/02/23 职场文书