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


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 分页全选或反选标识实现代码
Aug 09 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
vue实现简单数据双向绑定
Apr 28 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的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
js对象的比较
2011/02/26 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python高级特性简介
2020/08/13 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
迪奥美国官网:Dior美国
2019/12/07 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
最新的互联网创业计划书
2014/01/10 职场文书
求职信标题怎么写
2014/05/26 职场文书
个人存款证明书
2014/10/18 职场文书
异地恋情人节寄语
2015/02/28 职场文书
护理专业自荐信范文
2015/03/06 职场文书
创业计划书之便利店
2019/09/05 职场文书