首页 > PHP资讯 > 工具库 > 微信小程序开发实现scroll-view隐藏滚动条方法介绍

微信小程序开发实现scroll-view隐藏滚动条方法介绍

工具库
网页开发的时候往往会为了页面的美观,而选择去掉滚动区域默认的滚动条。微信小程序实现scroll-view隐藏滚动条的方法之一:

首先我们来看一下,scroll-view的一些属性组件

再来看一些简单的代码示例:

 vertical scroll             horizontal scroll      
var order = ['red', 'yellow', 'blue', 'green', 'red']Page({ data: { toView: 'red', scrollTop: 100 }, upper: function(e) { console.log(e) }, lower: function(e) { console.log(e) }, scroll: function(e) { console.log(e) }, tap: function(e) { for (var i = 0; i < order.length; ++i) {  if (order[i] === this.data.toView) {  this.setData({   toView: order[i + 1]  })  break  } } }, tapMove: function(e) { this.setData({  scrollTop: this.data.scrollTop + 10 }) }})scroll-view

(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部

以上就是微信小程序开发实现scroll-view隐藏滚动条方法介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持30不支持0