滚动浏览富媒体网页最流畅的方式是什么？
滚动浏览富媒体网页最流畅的方式是什么？
提问于 2012-11-24 20:56:12
我正在制作一个网页包含几个JavaScript幻灯片，CSS，动画菜单和CSS过渡动画负载，而且我的页面高度在iPad上很长。我有一个导航菜单，当用户单击它时，它将滚动到页面上的特定位置，使用：
var $viewport = $('html:not(:animated),body:not(:animated)');
$viewport.animate({scrollTop: dest}, 2000, function(){menu_scrolling=false;});我的网页在我的macbook pro上可以像丝绸一样平滑地滚动，在火狐、Chrome和safari上进行了测试，但在我的iPad上，它卡顿得像地狱一样，几乎就像跳过了动画，甚至连缩放都很迟缓。我尝试过jQuery滚动插件，jquery动画增强插件，这些在iPad上都很慢。在iPad上制作菜单以流畅地滚动浏览富媒体网页的最佳方法是什么？
回答 1
Stack Overflow用户
发布于 2013-02-20 06:43:33
一个想法可能是依赖CSS转换，并有望触发硬件加速。
假设你申请了
transition: all ease 0.5s; 添加到您的容器中，然后执行如下操作
$container.css( 'transform', 'translate3d(0,' + offsetValue + 'px,0)' );完成后，您可以删除转换并将scrollTop设置为正确的值，以便用户仍然可以手动上下滚动页面。要在iOS6上触发硬件加速，您可能需要快速查看此http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13541418
复制相关文章
相似问题
腾讯云开发者
