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

问题描述

问 题

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

http://jsbin.com/jiwewajetu/edit?html,css,js,output
请问怎么在我原有的基本上改变？

解决方案

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

    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)
    };

这篇关于javascript - 移动端文字向上循环滚动 是怎么保持下去？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！