我想实现滚动信息效果，自己写半天只达到这种效果，求修改！

Question

1. 有没有类似的demo供参考,每次只显示一条！

2. 有什么方法可以让第三条显示完成后再继续滑动显示第一条么，而不是直接又到第一条！

css

html

        <div class="content">        <ul class="list">
            <li>test1</li>
            <li>test2</li>
            <li>test3</li>
        </ul>
        </div>

JS

   <script>

        let i=0;        function goTop(){                
                    ++i;                    // console.log(i);
                    if(i==0){
                        $(".list").css("top",0);
                    }                    if(i<3){
                    $(".list").animate({                        top:-40*i
                    },1000)
                }                else{                
                    i=-1;
                }        
            }

                setInterval(goTop,1000);    </script>