ipad的粘滞菜单问题

Posted

技术标签:

【中文标题】ipad的粘滞菜单问题【英文标题】:Sticky menu issue with ipad 【发布时间】:2014-03-14 08:22:28 【问题描述】:

我创建了自定义菜单并应用为粘性菜单,当用户单击任何特定锚链接时,它会滚动到该部分(如向上和向下)。

现在在桌面版本中,页面滚动可以使用粘性菜单顺畅地工作,但是当我在 iPad mini 或 iPad 2 中翻脸时,粘性菜单会振动。我不知道如何解决这种问题。

检查这个Demo链接

如果有人帮助我解决此问题,我将不胜感激。

【问题讨论】:

你能粘贴你正在使用的代码吗?否则,筛选您网站的 JS 和 CSS 是一项相当艰巨的任务。 设备对'position:fixed'的支持是shaky at best,因为它是一个可能导致用户被困在屏幕上的属性。您似乎也在使用 jQuery 来制作动画,这会在设备上运行得更慢,通常会导致动画笨拙。您是否尝试过使用 CSS3 动画?更快,更流畅,更轻:) 【参考方案1】:

检查这些 jQuery 插件。他们可以帮助您轻松创建完整的菜单。这些只是您能找到的众多中的两个。

http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/ HC-Sticky

http://www.outyear.co.uk/smint/ Smint

也许对你有帮助!

【讨论】:

为了保持答案的完整和独立,请在答案中包含所有相关信息。 @EWit 我添加了详细信息。

以上是关于ipad的粘滞菜单问题的主要内容,如果未能解决你的问题,请参考以下文章

在 ipad 上导致 iOS 出现问题的 CSS 菜单

iPad 2:菜单显示正确的问题

iPhone/iPad 上下文菜单

长按禁用 iPad / Safari 上下文菜单

如何在 iPad 上的 jquery 外部单击关闭菜单

jQuery superfish 菜单/悬停在 iPad、iPhone 等