- 时间:2020-07-27 00:47 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:微信小程序 scroll-view隐藏滚动条详解
[b]一:scroll-view隐藏滚动条[/b]
在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:
scroll-view.wxml:
[url=http://files.jb51.net/file_images/article/201701/2017011615194741.png][img]http://files.jb51.net/file_images/article/201701/2017011615194741.png[/img]
[/url]
scroll-view.wxss
[url=http://files.jb51.net/file_images/article/201701/2017011615194742.png][img]http://files.jb51.net/file_images/article/201701/2017011615194742.png[/img]
[/url]
scroll-view.js
[url=http://files.jb51.net/file_images/article/201701/2017011615194743.png][img]http://files.jb51.net/file_images/article/201701/2017011615194743.png[/img]
[/url]
最终显示效果如下;
[url=http://files.jb51.net/file_images/article/201701/2017011615194844.png][img]http://files.jb51.net/file_images/article/201701/2017011615194844.png[/img]
[/url]
注意:
(1)不能在scroll-view中使用textarea,mao,canvas,video组件
(2)scroll-init-view的优先级高于scroll-top
(3)onPullDownRefresh事件,无法在scroll-view中触发
(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!