scroll-top 设置微信小程序滚动条位置

1.首先呢我们要在scroll-view标签中加上scroll-top属性，scroll-top属性后可加number/string，如果你直接加入scroll-top= "0"的话是没有效果的。所以要设置一个变量，以便于在每次点击过后都会促发这个效果。我们先设置一个变量 scroll-top= "{{scrollTop}}"。

2.第二步就是在同文件的js文件当中，为变量赋值：

3.之后在点击事件后面加入就可以了。

scroll-top 设置微信小程序滚动条位置相关推荐

微信小程序坐标位置接口使用整理(二)地图接口
微信小程序坐标位置接口使用整理(二) 微信小程序中实现更多地图服务,可以使用腾讯地图Api. 以下几个场景是使用地图Api调用. 官方Api:微信小程序JavaScript SDK | 腾讯位置服务 ...
uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段我们在用 uni-app 开发微信小程序时, ...
微信小程序标题栏和导航栏的设置 —— 微信小程序教程系列（7）
设置标题栏标题栏window 在app.json文件里面,通过window对象里面的属性进行设置示例: app.json: 运行: 设置导航栏导航栏TabBar 如果我们的小程序是一个多 tab ...
按钮点击_如何设置微信小程序按钮点击事件？
当我们需要点击按钮实现一个操作时,我们应该怎么设置?这里给大家介绍两种方法: 方法一:使用小程序模板,无需懂技术. 这种方法比较简单,你只需要选一个比较简单的小程序模板,比如「上线了」sxl.cn,在 ...
设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法
提示:通过微信开发者工具创建小程序工程后,默认是不开启npm的,需要修改小程序npm配置参数,否则将会提示"没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 minipro ...
封装一个可以设置微信小程序的本地缓存接口过期时间的方法!
微信小程序提供的本地缓存api是个好东西,但是没有明确指定缓存有效期,对于某些应用来说,需要改造一下,方法思路很简单,也很常见通用的一个封装函数方法! 实现新建wxCache.js /*** 本地缓 ...
burp如何设置微信小程序代理
一.简介没有废话,测试app,小程序不知道怎么弄代理就看这个. 算了,毕竟是自己的博客,还是先吐槽几句,我是小白一个,不知道怎么测app,最凄凉的连怎么代理都不知道,mmp 那老子百度把,行,第 ...
微信小程序临时文件位置
我们在调试微信小程序上传或下载文件时经常不知道是否成功,也不知道临时存在的目录,经过分析找到了保存时文件的位置,这样我们在调试的时候就方便多了 1.在开发工具调试时,临时文件存在user的文件下 ...
微信小程序选择位置接口wx.chooseLocation
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序位置接口wx.chooseLocation 本接口使用简单,用户用户通过腾讯地图选择一个位置. 本接口能获得选择 ...

scroll-top 设置微信小程序滚动条位置

scroll-top 设置微信小程序滚动条位置相关推荐

最新文章

热门文章