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


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向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
canvas绘制一个常用的emoji表情
Mar 30 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
Vue 中可以定义组件模版的几种方式
Aug 06 Javascript
js如何实现元素曝光上报
Aug 07 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
MyEclipse常用配置图文教程
2014/09/11 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
javascript jQuery插件练习
2008/12/24 Javascript
jquery插件开发方法(初学者)
2012/02/03 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
jQuery中的each()详细介绍(推荐)
2016/05/25 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
django开发教程之利用缓存文件进行页面缓存的方法
2017/11/10 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Keras设置以及获取权重的实现
2020/06/19 Python
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
阿里巴巴国际站:Alibaba.com
2016/07/21 全球购物
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
简历自荐信
2013/12/02 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
预防艾滋病宣传标语
2014/06/25 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
2014年教研工作总结
2014/12/06 职场文书
三年级学生期末评语
2014/12/26 职场文书
总经理年会致辞
2015/07/29 职场文书
Python利用FlashText算法实现替换字符串
2022/03/31 Python
Java Spring读取和存储详细操作
2022/08/05 Java/Android