css - 转换过程中 Div 从 Angular 落泄漏

Question

我用以下设计构建了一个轮播: http://jsfiddle.net/nj3xf/13/

为什么div会泄漏？有人可以解释一下吗？并可能提供修复方案？我知道这可能与 overflow:hidden

有关

Answer 1

在 CSS 动画上渲染圆 Angular is buggy 。一个安全的解决方法是自己制作幻灯片动画。

查看更新的 fiddle :http://jsfiddle.net/nj3xf/18/

$("#move").click(function () {
    $('.slider').animate({left: "-=104px"});
});

编辑:改进示例:http://jsfiddle.net/nj3xf/19/ 。避免使用 display:inline-block 因为它会在 slider 元素之间添加一些不需要的边距。请参阅display: inline-block extra margin和 Unwanted margin in inline-block list items了解更多信息。