收藏
回答

使用CSS3做个文字跑马灯。安卓下没问题,IOS文字显示总是断

问题模块
API和组件

<view  class="text-box">

    <text class="text">欢迎使用应援棒  欢迎使用应援棒 </text>

</view>

关键代码就这,外面容器旋转了下

.text-box{

transform:translateX(750rpx) rotate(90deg) ;

width: 100vh;

line-height: 750rpx;

transform-origin:0% 0%;

}

.text {

white-space:nowrap;

display:inline-block;

animation:anim 6s linear infinite;

}

@keyframes anim {

0% {transform:translateX(0) }

100% {transform:translateX(-50%)}

}

在IOS环境下滚动字老是断开




最后一次编辑于  2017-12-09
回答关注问题邀请回答
收藏

2 个回答

  • A-汤圆同学
    A-汤圆同学
    2017-12-18

    没人能解决吗

    2017-12-18
    赞同
    回复
  • Z先生
    Z先生
    2017-12-14

    红包 求高手啊,

    2017-12-14
    赞同
    回复