微客导航 » 文章资讯 » 解决微信小程序scroll-view组件无横向滚动的问题

解决微信小程序scroll-view组件无横向滚动的问题

2023-08-02 10:03:05 433

微信开放文档中scroll-view组件的部分代码如下

要实现横向滚动，只需设置以下两个:

父元素设置white-space:nowrap;//不换行
子元素设置display:inline-block;

.scroll-view_H{
/*设置display:flex无效*/
white-space:nowrap;
}
.scroll-view-item_H{
width:200rpx;
height:200rpx;
background-color:#f00;
display:inline-block;
}

总结

以上所述是小编给大家介绍的解决微信小程序scroll-view组件无横向滚动的问题，希望对大家有所帮助！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

解决微信小程序scroll-view组件无横向滚动的问题

热门推荐

随机推荐