微信小程序实现横向滚动文字
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序实现横向滚动文字相关的知识,希望对你有一定的参考价值。
参考技术A 父元素设置overflow: hidden;子元素添加一个动画,translateX
微信小程序scroll-view横向显示及异常显示处理
参考技术A 在微信小程序开发过程中,我们会经常使用到scroll-view组件,有时我们要在scroll-view中水平显示列表,类似这样:但是当我们设置了scroll-view的flex-direction:row;等属性时,会发现没有用,列表依然垂直显示,像这样:
主要是因为display:flex;等属性对于scroll-view来说是没有用的,此时我们只需要设置子试图的属性display: inline-block;即可,不需要设置scroll-view的flex属性。
但是当我们设置完成后可能会出现一下情况:
会发现列表好像没有对齐,有两个子试图错位了,接下来我们可以通过设置子属性vertical-align:top;来解决,最后会得到我们想要的效果。
以上是关于微信小程序实现横向滚动文字的主要内容,如果未能解决你的问题,请参考以下文章