微信小程序实现滚动到指定位置

微信小程序的按钮点击后滚动到页面内的指定位置。

wxml内容

  <view class="box1" bindtap="toComment">查看回答</view>//...其他内容<view class="box2 text-bold" id="comment">回答</view>

js内容

toComment() {var query =  wx.createSelectorQuery()//创建节点查询器query.select('#comment').boundingClientRect()//选择id为comment的节点并查询的它布局位置query.exec(function(res) {//执行请求wx.pageScrollTo({scrollTop: res[0].top,//滚动到页面节点的上边界坐标duration: 300   // 滚动动画的时长});})},

微信小程序实现滚动到指定位置相关推荐

微信小程序页面滚动到指定位置
给需要滚到特定位置的元素或者组件添加一个id,通过这个id值可确定位置数据,具体代码如下: var that= this;var query = wx.createSelectorQuery().in ...
【小程序】滚动到指定位置
点击按钮滚动到页面内的指定位置. wxml <view class="btn" catchtap="scrollToElement">去报名< ...
微信小程序-通知滚动小提示
代码地址如下: http://www.demodashi.com/demo/14044.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
php文字左右滚动通告,微信小程序左右滚动公告栏效果代码实例
这篇文章主要介绍了微信小程序左右滚动公告栏效果代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下 {{notice}} x data: ...
IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...
在微信小程序中打开地图选择位置功能
在微信小程序中打开地图选择位置功能前言首先查看效果一.准备工作 1-1. **下载小程序地理定位** ,[qqmap-wx-jssdk.js](https://lbs.qq.com/miniPr ...
range 小程序picker_微信小程序picker滚动选择器使用详解
今天修改小程序做章节内容筛选使用到了picker滚动选择器,看了官方文档和一些网上的文章后,终于算是弄明白了这个组件的使用,这里把我对这picker滚动选择器的使用记录下: picker基础使用 pi ...
微信小程序：拍照画布指定区域生成图片
最近写识别行驶证功能,点击拍照把指定区域截取,生成图片功能. 系统相机.该组件是原生组件,使用时请注意相关限制. 扫码二维码功能,需升级微信客户端至6.7.3. 微信小程序Camera相机地址我们看 ...
微信小程序获取用户当前所在位置
获取用户当前所在位置 1. 授权并获取经纬度调用 wx.getLocation 来进行授权,使用此属性时应注意在App.json文件中进行配置 "permission": {&q ...

微信小程序实现滚动到指定位置

微信小程序实现滚动到指定位置相关推荐

最新文章

热门文章