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


Posted in Javascript onMarch 25, 2020

效果图:

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

1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示;

2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的;

3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;

4.包裹 scroll-view 的元素要加上样式?> overflow:hidden;white-space:nowrap;

5.有时候为了美观要隐藏滚动条,需要在样式里加上

核心代码:

在wxss里加入以下代码

::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
}

 scrollview属性

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

总结

到此这篇关于微信小程序scroll-view隐藏滚动条的方法详解的文章就介绍到这了,更多相关小程序scroll-view隐藏滚动条内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 #Javascript
微信小程序scroll-view点击项自动居中效果的实现
Mar 25 #Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 #Javascript
安装多版本Vue-CLI的实现方法
Mar 24 #Javascript
js实现页面图片消除效果
Mar 24 #Javascript
js实现消灭星星(web简易版)
Mar 24 #Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 #Javascript
You might like
聊天室php&mysql(六)
2006/10/09 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
Prototype中dom对象方法汇总
2008/09/17 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
javascript异步处理工作机制详解
2015/04/13 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
Python随机数random模块使用指南
2016/09/09 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
python 求定积分和不定积分示例
2019/11/20 Python
python 实现生成均匀分布的点
2019/12/05 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
简单了解python列表和元组的区别
2020/05/14 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
家属慰问信
2015/02/14 职场文书
2015年公务员工作总结
2015/04/24 职场文书
2016国庆促销广告语
2016/01/28 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
导游词之山东八大关
2019/12/18 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server