微信小程序 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对象模型-执行模型
Apr 28 Javascript
jQuery及JS实现循环中暂停的方法
Feb 02 Javascript
jQuery实现简单的tab标签页效果
Sep 12 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 Javascript
一文帮你理解PReact10.5.13源码
Apr 03 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
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
jquery移动节点实例
2015/01/14 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
详解python中的数据类型和控制流
2019/08/08 Python
Django 批量插入数据的实现方法
2020/01/12 Python
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
Servlet如何得到客户端机器的信息
2014/10/17 面试题
岗位职责说明书模板
2014/07/30 职场文书
2014年个人业务工作总结
2014/11/17 职场文书
生死牛玉儒观后感
2015/06/11 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android