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

追逐繁星D孩子 · 简书 · · 2019-03-29 09:44

微信小程序scroll-view隐藏滚动条方法.gif

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;
}

原文地址：访问原文地址
快照地址：访问文章快照

分享到微博

推荐文章

小众软件 · 虚拟机是什么？

昨天

APPSO · 苹果高层或将大换血，库克接班人有两大候选

13 小时前

APPSO · 2021 年，马斯克杀死了波士顿动力

4 天前

APPSO · 18.98 万元起！比亚迪刚发的新车，刷新了华为的一项世界纪录

5 天前

APPSO · 苹果新 iPad 发布会由 iPhone 拍摄，但用上了一个「外挂」

5 天前

河北交通广播 · 习近平对四川甘孜泸定县6.8级地震作出重要指示

1 年前

医药魔方 · Nature最新报告！碱基编辑疗法进入临床试验，数以亿计患者或将受益

1 年前

童书妈妈三川玲 · 电影之夜|15部优质动画片让孩子尽早远离没营养的劣质作品

5 年前

投行圈 · 2016年第19例重组被否（附今年被否案例全）

7 年前