微信小程序 scroll-view隐藏滚动条详解


Posted in Javascript onJanuary 16, 2017

一:scroll-view隐藏滚动条

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

scroll-view.wxml:

微信小程序 scroll-view隐藏滚动条详解

scroll-view.wxss

微信小程序 scroll-view隐藏滚动条详解

scroll-view.js

微信小程序 scroll-view隐藏滚动条详解

  最终显示效果如下;

微信小程序 scroll-view隐藏滚动条详解

注意:

(1)不能在scroll-view中使用textarea,mao,canvas,video组件

(2)scroll-init-view的优先级高于scroll-top

(3)onPullDownRefresh事件,无法在scroll-view中触发

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
javascript函数特点实例分析
May 14 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
基于JS实现无缝滚动思路及代码分享
Jun 07 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
Ant Design Pro 之 ProTable使用操作
Oct 31 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
微信小程序 video详解及简单实例
Jan 16 #Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 #Javascript
微信小程序 登录实例详解
Jan 16 #Javascript
微信小程序 传值取值的几种方法总结
Jan 16 #Javascript
详解vue-Resource(与后端数据交互)
Jan 16 #Javascript
微信小程序 封装http请求实例详解
Jan 16 #Javascript
详解vue-validator(vue验证器)
Jan 16 #Javascript
You might like
swfupload 多文件上传实现代码
2008/08/27 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
JS 实现分页打印功能
2018/05/16 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
js实现查询商品案例
2020/07/22 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
python实现电子词典
2020/04/23 Python
Python多线程编程简单介绍
2015/04/13 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
详解Python3中的 input() 函数
2020/03/18 Python
关于Django Models CharField 参数说明
2020/03/31 Python
Python包和模块的分发详细介绍
2020/06/19 Python
Python 图片处理库exifread详解
2021/02/25 Python
自我鉴定书范文
2013/10/02 职场文书
地理科学专业毕业生求职信
2013/10/15 职场文书
八年级音乐教学反思
2014/01/09 职场文书
研发工程师岗位职责
2014/04/28 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
大学生年度个人总结
2015/02/15 职场文书
出纳试用期自我评价
2015/03/10 职场文书
陪护人员误工证明
2015/06/24 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript
python的html标准库
2022/04/29 Python