ios 微信端横向滚动 去滚动条无效

huhuhuHR 2017-09-26 02:43:58

.my-family-members-scroll {
padding-left: 14px;
height: 60px;
background-color: #ffffff;
.icon-ren {
padding-top: 25px;
float: left;
display: inline;
padding-right: 12px;
.icon-jiatingchengyuan {
font-size: 18px;
color: #808080;
}
}
.scroll-box {
float: right;
display: inline;
height: 100%;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
width: 90%;
.family-members-box {
display: inline-block;
padding-left: 10px;
padding-top: 10px;
&:first-child {
padding-left: 0 !important;
}
&:last-child {
padding-right: 10px;
}
.family-members-img {
border: 1px solid #dddbdc;
width: 41px;
height: 41px;
border-radius: 41px;
}
}
}
.scroll-box::-webkit-scrollbar {
display: none !important;
}
}



<div class="my-family-members-scroll">
<div class="icon-ren"><i class="iconfont icon-jiatingchengyuan"></i></div>
<div class="scroll-box">
<div v-for="item in userItems" class="family-members-box">
<img class="family-members-img" :src="item.headImgUrl">
</div>
</div>
</div>


问题是:安卓微信;本地测试滚动正常;ios 微信 去滚动部分总是有滚动条!去不掉。

.scroll-box::-webkit-scrollbar {
width: 0;
height:0;
}

也用过了
...全文
1030 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

29,027

社区成员

发帖
与我相关
我的任务
社区描述
主要讨论与iOS相关的软件和技术
社区管理员
  • iOS
  • 大熊猫侯佩
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧