一:scroll-view隐藏滚动条
在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法:
scroll-view.wxml:
scroll-view.wxss
scroll-view.js
最终显示效果如下;
注意:
(1)不能在scroll-view中使用textarea,mao,canvas,video组件
(2)scroll-init-view的优先级高于scroll-top
(3)onPullDownRefresh事件,无法在scroll-view中触发
(4)若想使用下拉刷新,一定要使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
- 微信小程序 点击切换样式scroll-view实现代码实例
- 详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
- 详解微信小程序之scroll-view的flex布局问题
- 微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
- 微信小程序scroll-view实现滚动穿透和阻止滚动的方法
- 微信小程序scroll-view组件实现滚动动画
- 微信小程序 scroll-view实现锚点滑动的示例
- 微信小程序 scroll-view实现上拉加载与下拉刷新的实例
- 微信小程序 scroll-view 水平滚动实现过程解析