微信小程序 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 相关文章推荐
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
jQuery对象和DOM对象相互转化
Apr 24 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
js实现键盘自动打字效果
Dec 23 Javascript
详解数组Array.sort()排序的方法
May 09 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
js实现无刷新监听URL的变化示例代码详解
Jun 03 Javascript
javascript+Canvas实现画板功能
Jun 23 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
mysql5详细安装教程
2007/01/15 PHP
php中JSON的使用方法
2015/04/30 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
文本加密解密
2006/06/23 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
详解python之简单主机批量管理工具
2017/01/27 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
python中温度单位转换的实例方法
2020/12/27 Python
Python 实现进度条的六种方式
2021/01/06 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
2014年精神文明建设工作总结
2014/11/19 职场文书
地方课程教学计划
2015/01/19 职场文书
党校毕业个人总结
2015/02/28 职场文书
工作收入证明范本
2015/06/12 职场文书
js 实现Material UI点击涟漪效果示例
2022/09/23 Javascript