找回密码
 立即注册

QQ登录

只需一步,快速开始

微信小程序开发资源

关注:1587

所属分类: 微信开发 微信小程序开发资源



本版块为微信小程序资源分享区,包括微信小程序开发中可能会用到的各类小程序开发工具、小程序demo源码及开发教程等。

快捷导航www.henkuai.com):微信小程序社区微信小程序导航微信小程序资源下载微信小程序官方课程

[更新动态] 微信小程序实现scroll-view隐藏滚动条

[复制链接]
查看: 3914|回复: 4
最佳答案
0 

2

主题

5

帖子

90

积分

新人求带

积分
90
 楼主| 发表于 2017-3-1 18:15:30 | 显示全部楼层 |阅读模式
一:scroll-view隐藏滚动条

在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:

scroll-view.wxml:
94741.png

scroll-view.wxss
194742.png

scroll-view.js
5194743.png

最终显示效果如下:
4844.png

注意:
(1)不能在scroll-view中使用textarea,mao,canvas,video组件
(2)scroll-init-view的优先级高于scroll-top
(3)onPullDownRefresh事件,无法在scroll-view中触发
(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部
回复

使用道具 举报

最佳答案
0 

6

主题

12

帖子

104

积分

新人求带

积分
104
发表于 2017-3-2 10:16:02 | 显示全部楼层
scrolview用起来容易出各种问题,不怎么会用
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

63

帖子

1292

积分

专家路上

积分
1292
发表于 2017-3-6 15:13:35 | 显示全部楼层
sunq 发表于 2017-3-2 10:16
scrolview用起来容易出各种问题,不怎么会用

我也是,初学,有问题找不到
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

128

帖子

138

积分

等待验证会员

积分
138
发表于 2019-9-9 17:52:29 | 显示全部楼层
谢谢分享谢谢分享谢谢分享
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

97

帖子

1148

积分

专家路上

积分
1148

HKC

发表于 2019-9-25 15:35:33 | 显示全部楼层
谢谢奉献
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com