单页导航网站是一种趋势，我想制作一个，但我总是遇到ipad的问题。网页通常可以在我的macbook上顺畅滚动，但它在ipad上很糟糕，即使只有一些图片和CSS。这里有一个例子http://jsfiddle.net/fatdogmark/YxH8r/，在ipad上移动时非常不稳定。我认为Ipad 4已经是所有类型平板电脑中性能最高的，但性能仍然很糟糕。是不是Ipad不适合单页导航网站？我希望我能在这里得到一些建议。
是否有提高ipads性能的技巧或技巧？比如不要使用overflow，不要在标题中嵌入很多css或js <script src=''></script>（这就是我通常所做的），把它们放在内联中或者将它们全部放在同一个文件中？或使用某些类型的代码，如translate3D（0,0,0）？或者避免使用转换，jquery动画或缓动？还是有更好的性能导航插件？
另外，我意外地发现在Ipad上缩放实际上会激活$(window).resize(function(){//}); ...因此我在脚本上禁用所有window.resize以保存性能。
答案 0 :(得分：0)
你应该使用这个
$btn1.style.webkitTransform = "translate3d(0px, " + anchor1_pos + "px, 0px)";
并且它明显优于任何其他过渡。
显然你也必须设置webkitTransition，例如"all ease-in-out 2s"
另外，根据我的经验，你应该确保你的DOM不会增长太多。如果您计划拥有大量内容，则应考虑使用"display: none"隐藏未使用的页面。但是因为你想只滚动1页，这让我觉得你的信息量有限，我认为你应该没问题。在iPad1和iPad上这对我有用。 2;）