0

这不是关于 JQM 面板独立于页面滚动的问题,尽管这是我遇到过并且几乎克服的问题,这是关于使面板平滑滚动并忽略设备浏览器的边缘事件(或任何正确的术语)是,我将在下面解释)。

基本上,我试图复制谷歌移动网站上的菜单,这自然不像我们普通人那样使用 JQM。我已经很接近了,但是滚动动画非常僵硬。我需要它基于动量而不是固定在你的手指上。

此外,当您到达菜单的顶部或底部时,它被认为是文档的极端,因此浏览器会向上或向下移动整个文档以指示页面的边缘。相反,在面板打开时页面不应该移动,并且菜单应该在面板内采取这种行为。

由于我已将面板高度设置为 100%,这会强制 iOS Safari 上的地址栏在菜单打开时下降。这似乎正是谷歌上发生的事情,但如果有办法解决这个问题,我很想听听。

最后,我模拟独立滚动方式的一个缺点是在面板打开时将内容换行设置为固定。但是,这意味着当面板打开时页面总是滚动到顶部。对此的任何替代方案将不胜感激。我想我可以将页面顶部设置为 scrollTop 或其他东西。

总结一下:

  • 面板菜单需要平滑滚动(动量而不是直接触摸)
  • 菜单而不是窗口上的弹性边缘
  • iOS Safari 地址栏干扰高度
  • 面板打开时页面固定在顶部

如果我的任何描述没有意义,只需在手机上访问 google.com 并查看他们的菜单。

4

1 回答 1

1

ScrollFix似乎解决了我所有的问题。

于 2013-07-08T12:52:12.950 回答