我有一些内容在这里滑动.
http://www.smallsharptools.com/downloads/jQuery/Slider/slider.html
HTML结构很简单.有一个固定高度和宽度的外框,溢出设置为隐藏.然后有一个内部容器,其宽度设置为内部容器的宽度,它是一系列用Item类标记的div元素.
要左右滑动内容器,我正在更改左边距.要离开我减少变为负值并返回到右边我将其返回到零.但是我看到一个锯齿形的动画,即使在Chrome中,我希望会更好.
我的问题是,如果我用不同的技术来回移动,会更顺利吗？绝对定位是否更平滑或还有什么我应该考虑的？有什么秘密做流畅的动画,我还不知道吗？
解决方法
边距会导致其他元素被重新计算,因为元素的边缘影响其周围的其他元素的位置.
绝对定位(自己的zIndex)仍然会导致其他元素的重新绘制,但是在计算周围的物体方面会降低成本.
这个讲话给了一些很好的洞察浏览器/ dom内部的工作原理
http://www.youtube.com/watch?v=a2_6bGNZ7bA&feature=channel_page
