1. 首页
  2. 编程语言
  3. Javascript
  4. 小程序scroll-view安卓机隐藏横向滚动条的实现详解

小程序scroll-view安卓机隐藏横向滚动条的实现详解

上传者: 2021-12-14 06:27:19上传 PDF文件 75.85 KB 热度 6次

项目使用mpvue开发1.使用flex布局ios没有问题,样式正常,然后到了安卓机上,却出现了横向滚动条.......然后各种找如何去除横向滚动条的方法....在网上搜了很多,都是说加上这段代码就可以:或者有的人说这样子:然而两种方法我都试过,然而在安卓机上并没什么鸟用。后来看到有人这么说:1.scroll-view 中的需要滑动的元素不可以用 float 浮动;2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的;3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;4.包裹 scroll-view 的大盒子有明确的宽和加上样式--> overflow:hidden;white-space:nowrap;好像能行得通....不用flex,不用float然后改写css代码到这里,scroll-view安卓机上横向滚动条消失了,大概长这样:

下载地址
用户评论