2011-12-02 42 views
2

我有一个使用jQuery.animate滚动文档正文/ HTML页面时,它工作在浏览器不错,但只是不会与iPad玩球。的iPad/jQuery.animate(滚动)发出

首先假设在Y方向上则X滚动,但在iPad它滚动在Y,那么它跳回到原来的位置在X方向上滚动前。动画完成后,除非您手动滚动页面,否则用于导航的链接将停止运行,然后再次运行!

我在这里做错了什么?网页被找到here...

在此先感谢, 菲尔。

回答

5

我想通了。 iOS不会滚动主体,但会移动视口。当jQuery尝试与它交互时,这会导致一些不希望的效果。解决方法是滚动div而不是文档的主体。

+0

我想我可能会哭!非常感谢!这比我试过的任何JS lib解决方案都更好用 –

+0

这是迄今为止最简单的解决方案! – leonziyo

2

scrollTop()scrollLeft()不支持在iPad上。尝试window.pageYOffsetwindow.pageXOffset

不知道什么是与导航链接冻结,直到手动滚动发生的一切 - 但它不只是你 - 我以前见过它。

+1

我认为这些功能是支持的,但是运行不正常(因为OP说这个页面是根据需要动画的)。 – Blender

+0

搅拌机是正确的 - 他们可用,但只是没有正确工作。 – DPF