如何使用JavaScript / jQuery滑动内容获得更流畅的动画?

前端之家收集整理的这篇文章主要介绍了如何使用JavaScript / jQuery滑动内容获得更流畅的动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些内容在这里滑动.

http://www.smallsharptools.com/downloads/jQuery/Slider/slider.html@H_301_3@

HTML结构很简单.有一个固定高度和宽度的外框,溢出设置为隐藏.然后有一个内部容器,其宽度设置为内部容器的宽度,它是一系列用Item类标记的div元素.@H_301_3@

要左右滑动内容器,我正在更改左边距.要离开我减少变为负值并返回到右边我将其返回到零.但是我看到一个锯齿形的动画,即使在Chrome中,我希望会更好.@H_301_3@

我的问题是,如果我用不同的技术来回移动,会更顺利吗?绝对定位是否更平滑或还有什么我应该考虑的?有什么秘密做流畅的动画,我还不知道吗?@H_301_3@

解决方法

边距会导致其他元素被重新计算,因为元素的边缘影响其周围的其他元素的位置.

绝对定位(自己的zIndex)仍然会导致其他元素的重新绘制,但是在计算周围的物体方面会降低成本.@H_301_3@

这个讲话给了一些很好的洞察浏览器/ dom内部的工作原理@H_301_3@

http://www.youtube.com/watch?v=a2_6bGNZ7bA&feature=channel_page@H_301_3@

原文链接:https://www.f2er.com/jquery/152729.html

猜你在找的jQuery相关文章