微信小程序scroll-view 横向滚动显示下拉条的问题

微信小程序开发中，scroll-view的横向滚动，是一个常见的排列布局的方式，其实现的代码如下：

wxml部分：

 <scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%"><view id="demo" class="scroll-view-item_H demo-text-1">1</view><view id="demo"  class="scroll-view-item_H demo-text-2">2</view><view id="demo" class="scroll-view-item_H demo-text-3">3</view><view id="demo" class="scroll-view-item_H demo-text-3">4</view><view id="demo" class="scroll-view-item_H demo-text-3">5</view></scroll-view>

wxss部分：

.scroll-view_H{white-space: nowrap;
}
.scroll-view-item{height: 300rpx;
}
.scroll-view-item_H{display: inline-block;width: 36%;height: 300rpx;background-color: pink;margin-right: 20rpx;
}

其实现效果图：

但是在苹果机型左右滑动总出现下拉条，很影响美观，这个时候在css部分增加一行代码就能解决这样的问题：

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

微信小程序scroll-view 横向滚动显示下拉条的问题相关推荐

微信小程序 -- 通知消息横向滚动 -- 无缝连接1
微信小程序 – 通知消息横向滚动 – 无缝连接1 wxml <view class="notice"><view class="left"&g ...
微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...
微信小程序加载并且编译显示富文本编辑器内容
微信小程序如何加载并且显示百度编辑器中的内容一. 下载wxParse文件夹放在根目录下(可以随意更改位置,只要后续能引入成功即可) 二. 在js文件中引入wxParse.js var WxParse ...
微信小程序背景图片全屏显示
微信小程序背景图片全屏显示很多人在写小程序界面的时候希望背景图片是全屏覆盖显示的(包括顶部导航栏,如下图),那该如何实现呢? 以下是实现代码: wxml代码: <view class=&quo ...
微信小程序-炫酷手持滚动弹幕生成小工具
微信小程序-炫酷手持滚动弹幕生成小工具欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页.如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇 ...
微信小程序背景图真机显示不了
微信小程序在本地开发工具正常显示图片(包括背景图),在真机显示不了,常见的几种情况: 1.微信小程序背景图真机显示不了微信小程序如何设置背景图片? | 微信开放社区微信小程序设置背景图片不显示问题 ...
微信小程序中苹果iOS手机显示时间格式NaN不正确的问题
项目场景: 实现安卓Android和苹果iOS中微信小程序显示订单时间信息问题描述微信小程序中苹果iOS手机显示时间格式NaN不正确的问题原因分析: 安卓微信小程序显示正常,苹果按格式YYYY- ...
微信小程序关注公众号模板显示隐藏问题
微信小程序关注公众号模板显示隐藏问题最近做了一个微信小程序内跳转关注公众号的需求,本来按照API的写法是可以直接搞定的.但是产品需求是要点击按钮之后,再弹出关注公众号组件,然后点击关闭按钮之后要关掉 ...
微信小程序开发实现图片滚动效果
微信小程序开发实现图片滚动效果效果:左右滑动可以切换展示图片代码:   <swiper&g ...

微信小程序scroll-view 横向滚动显示下拉条的问题

微信小程序scroll-view 横向滚动显示下拉条的问题相关推荐

最新文章

热门文章

微信小程序scroll-view 横向滚动 显示下拉条的问题

微信小程序scroll-view 横向滚动 显示下拉条的问题相关推荐

最新文章

热门文章

微信小程序scroll-view 横向滚动显示下拉条的问题

微信小程序scroll-view 横向滚动显示下拉条的问题相关推荐