0

一页导航网站是一种趋势，我想做一个但是我总是遇到ipad的问题。网页在我的 macbook 上通常可以流畅地滚动，但在 ipad 上就很糟糕，即使只有一些图片和 css。这是一个示例，http://jsfiddle.net/fatdogmark/YxH8r/，在 ipad 上移动时非常不稳定。我认为 Ipad 4 已经是所有平板电脑中性能最高的了，但性能仍然很糟糕。是不是Ipad不适合一页导航网站？我希望我能在这里得到一些建议。是否有任何技巧或技术可以提高 ipad 的性能？喜欢不要使用overflow，不要嵌入很多css或js<script src=''></script>全部在标题中（这是我通常做的），将它们放在 html 内联或将它们全部放在同一个文件中？还是使用一些类似 translate3D(0,0,0) 的代码？或者避免使用过渡、jquery 动画或缓动？还是有性能更好的导航插件？

此外，我意外地发现在 Ipad 上缩放实际上会被激活$(window).resize(function(){//});......所以我禁用了我的脚本上的所有 window.resize 以节省性能。

4

1 回答 1

0

您应该使用它
$btn1.style.webkitTransform = "translate3d(0px, " + anchor1_pos + "px, 0px)"; ，它比任何其他转换都要好得多。

显然你也必须设置它webkitTransition，例如"all ease-in-out 2s"

另外，根据我的经验，你应该确保你的 DOM 不会增长太多。如果您打算拥有大量内容，则应考虑使用"display: none". 但是由于您只想滚动一页，这让我认为您的信息量有限，我认为您应该没问题。这在 iPad1 和 2 上对我有用；）

于 2012-11-26T15:15:27.900 回答