开发者社区> 问答> 正文

移动端文字向上循环滚动 是怎么保持下去?

"transform":"translate3d(0px, -50px, 0px)"
我想弄个-50px变量 然后可以-50px的。
比如转一次 就加-100
-150
-200
每转一次+"50px"
然后下面没文字的时候 就转到0 实现 自动循环。
这样就可以基本的完成文字向上循环效果.
screenshot

请问怎么在我原有的基本上改变?

展开
收起
杨冬芳 2016-06-13 13:42:42 2664 0
1 条回答
写回答
取消 提交回答
  • IT从业

    简单写了一下,其实和轮播图原理差不多,细节方面,你可以看需求而定!

        window.onload=function(){
          var index = 0;
            function topScroll(){
              if(index>4){
                index=0
              }
                 $(".recome_slow").css({
                     "transform":"translate3d(0px, "+index*-50+"px, 0px)"
                 })
                 index++;
            }
            setInterval(topScroll,3000)
        };
    
    2019-07-17 19:35:44
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
3D动画的菜谱式灯光与云渲染 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载