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


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 汉字字节判断
Aug 01 Javascript
jQuery 版元素拖拽原型代码
Apr 25 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
星期几的不同脚本写法(推荐)
Jun 01 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
三种方式清除vue路由跳转router-link的历史记录
Apr 10 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 select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP中fwrite与file_put_contents性能测试代码
2013/08/02 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
Angular.js组件之input mask对input输入进行格式化详解
2017/07/10 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
React-Native左右联动List的示例代码
2017/09/21 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python class的继承方法代码实例
2020/02/14 Python
python图片合成的示例
2020/11/09 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
妇科医生自荐信
2013/11/05 职场文书
就业自荐书
2013/12/05 职场文书
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
高中家长寄语
2014/04/02 职场文书
大学生英语演讲稿
2014/04/24 职场文书
花坛标语大全
2014/06/30 职场文书
学校献爱心活动总结
2014/07/08 职场文书
七一建党节演讲稿
2014/09/11 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
2015年客服工作总结范文
2015/04/02 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书