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


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各浏览器中option元素的表现差异
Apr 07 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
Apr 29 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 Javascript
JavaScript中的this基本问题实例小结
Mar 09 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 11 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
解析js如何获取css样式
2016/12/11 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
python调用shell的方法
2013/11/20 Python
Python实现的端口扫描功能示例
2018/04/08 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
Servlet方面面试题
2016/09/28 面试题
考察现实表现材料
2014/05/19 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis