我一直在寻找特定的导航模式。首先,我将解释我希望它如何表现:
如果您想象一个带有大标题或导航栏的网页。当页面向下滚动时,页面下方的所有内容都会向上滚动,而标题在下方保持静止。
这里有一个非常接近的例子: http://inspectelement.com/demos/responsive/mobilenav/
事实上,我尝试联系作者无果。
如果你想象那个例子,但是当向上滚动灰色条然后固定到屏幕顶部 向上滚动时,灰色条需要再次分离并开始滚动。
我在很多地方都看到过这项工作,我什至还构建了自己的。最大的问题是我看到的所有示例都不会在 iOS 上立即更新。上面的例子确实如此,我认为使用了 jquery animate,但是我有一个问题,就是在没有它跳入 ios 的情况下分离灰色条。
如果有人能提供帮助,我将不胜感激。
迈克
最佳答案
position: fixed
css 属性完全符合我认为的搜索目的。
编辑:这个线程的副本呢? CSS "position: fixed;" on iPad/iPhone?
关于jquery - 在 ios 上带有 div 的响应式导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12129895/