微信小程序 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 相关文章推荐
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
Feb 10 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
jQuery-App输入框实现实时搜索
Nov 19 jQuery
vue基于Teleport实现Modal组件
May 31 Vue.js
微信小程序 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
中英文字符串翻转函数
2008/12/09 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
深入php处理整数函数的详解
2013/06/09 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
PHP实现长文章分页实例代码(附源码)
2016/02/03 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
js 数组操作代码集锦
2009/04/28 Javascript
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
2017/10/27 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
Python CSV模块使用实例
2015/04/09 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
Python reduce()函数的用法小结
2017/11/15 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
Python生成器generator用法示例
2018/08/10 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
Python类中self参数用法详解
2020/02/13 Python
Numpy 多维数据数组的实现
2020/06/18 Python
python Scrapy框架原理解析
2021/01/04 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
关于迟到的检讨书
2014/01/26 职场文书
公司活动方案范文
2014/03/06 职场文书
教职工代表大会主持词
2014/04/01 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers