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


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 相关文章推荐
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
jQuery功能函数详解
Feb 01 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
用PHP实现图象锐化代码
2007/06/14 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
javascript XML数据显示为HTML一例
2008/12/23 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
详解vue路由篇(动态路由、路由嵌套)
2019/01/27 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
python简单商城购物车实例代码
2018/03/15 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
浅谈python常用程序算法
2019/03/22 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
AmazeUI图片轮播效果的示例代码
2020/08/20 HTML / CSS
送餐员岗位职责范本
2014/02/21 职场文书
学生会竞聘书范文
2014/03/31 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
广播体操比赛主持词
2015/06/29 职场文书
如何利用golang运用mysql数据库
2022/03/13 Golang