Bre*_*nan 10 javascript jquery animation
我有一些内容在这里滑动.
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