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


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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
JavaScript笛卡尔积超简单实现算法示例
Jul 30 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
javascript canvas实现雨滴效果
Jun 09 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
PHP Google的translate API代码
2008/12/10 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
php获取系统变量方法小结
2015/05/29 PHP
微信支付开发订单查询实例
2016/07/12 PHP
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
Django返回json数据用法示例
2016/09/18 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
德国高性价比网上药店:medpex
2017/07/09 全球购物
正隆泰信息技术有限公司上机题
2012/06/14 面试题
高中生自我评语大全
2014/01/19 职场文书
干部培训自我鉴定
2014/01/22 职场文书
《海伦?凯勒》教学反思
2014/04/17 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
大学生毕业个人总结
2015/02/15 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
JUnit5常用注解的使用
2021/07/02 Java/Android