【问题标题】:iPad using scrollTop with fixed navigation not functioning properly. Only works first timeiPad 使用带有固定导航的 scrollTop 无法正常工作。只适用于第一次
【发布时间】:2011-12-09 03:09:02
【问题描述】:

我正在开发一个带有垂直滚动导航的单页网站。我有一个固定位置的导航栏,我的滚动内容应该在导航右侧浮动时上下移动。这是预览链接:http://mistersaisho.com/actioncreations/pageSlider/

问题在于它在 firefox、safari 和 chrome 中运行良好。当我在 Ipad 上查看它时,我第一次选择导航项目时,滚动效果很好。完成后,我的导航中的所有点击功能都不起作用,即使是那些不控制滑块内容的点击功能。

当我为 marginTop 等其他属性设置动画时,我没有收到错误消息,这在我的项目中不起作用,因为我还需要能够使用页面滚动器在整个站点中导航。

有人对我如何解决这个问题有任何想法吗?

谢谢。

【问题讨论】:

  • 我在模拟器iOS5上测试,一切正常,你用的是iOS4吗?编辑:Nvm 我回答了我自己的问题,仅限 iOS 4 上的问题
  • 你能发布一些相关代码,或者创建一个简单的例子以便我们测试它吗?
  • 这对我有用ios fixed positioning

标签: jquery ipad scrolltop


【解决方案1】:

ipad 和 iphone 在动画后似乎不会更新它们的 scrollTop 位置,除非您在动画后用手指摇动滚动位置。需要找到一种方法来强制 ipad 识别其滚动位置。也许试试这个而不是scrollTop; window.pageYOffset.

【讨论】:

  • 这不适用于IPAD4/IOS7。遗憾的是在动画期间找不到任何其他选项来破坏scrollTop
【解决方案2】:

对我有用的解决方案是这个:https://stackoverflow.com/a/11478853/43217

【讨论】: