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


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之解决IE下不渲染的bug
Jun 29 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
JavaScript函数模式详解
Nov 07 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
适用于php-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
tagName的使用,留一笔
2006/06/26 Javascript
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
2020/04/16 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
Centos 升级到python3后pip 无法使用的解决方法
2018/06/12 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
Python操作Jira库常用方法解析
2020/04/10 Python
python软件都是免费的吗
2020/06/18 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
实习教师自我鉴定
2013/09/27 职场文书
地理科学专业毕业生求职信
2013/10/15 职场文书
电脑饰品店的创业计划书
2014/01/21 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
JavaScript实现简单的音乐播放器
2022/08/14 Javascript