微信小程序 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 相关文章推荐
popdiv
Jul 14 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
javascript每日必学之封装
Feb 23 Javascript
jquery判断类型是不是number类型的实例代码
Oct 07 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
使用validate.js实现表单数据提交前的验证方法
Sep 04 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
关于this和self的使用说明
2010/08/01 Javascript
php与js的区别是什么
2013/08/05 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
Python中asyncore的用法实例
2014/09/29 Python
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
中国旅游网站:途牛旅游网
2019/09/29 全球购物
中学生国旗下讲话稿
2014/04/26 职场文书
励志演讲稿大全
2014/08/21 职场文书
邓小平理论心得体会
2014/09/09 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
学生评语集锦
2015/01/04 职场文书
交警失职检讨书
2015/01/26 职场文书
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL