jq 在setInterval 中使用 animate() aimate()不执行

Question

最近想要做一个类似京东头条的功能，但将动画放在计时器里面，动画始终不执行，怎么破？

---

<div class="bg-white linelist">
    <ul class="list-unstyle" id="lineScroll">
        <li class="listView">标题标题1</li>
        <li class="listView">标题标题2</li>
        <li class="listView">标题标题3</li>
        <li class="listView">标题标题4</li>
    </ul>
</div>

   setInterval(function () {
        $("#lineScroll").animate({
            "-webkit-transform": "translate3d(0px,-23px, 0px)",
            transform: "translate3d(0px,-23px, 0px)"
        }, 500, "swing", function () {
            $(this).find("li:first").appendTo(this);
        })
    },3000);

Answer 1

https://zhidao.baidu.com/ques...

Answer 2

因为jQuery的animate函数是不支持transform属性的，你可以换成left或right来实现，或者通过添加class来实现

Answer 3

animate会有css属性过滤，有效的就那么几个。

Answer 4

既然已经能使用transform了，为什么还要用animate呢

Answer 5

transform搭配setInterval就能制作出各种好看的特效了，这里没有必要使用animate了！