jquery - 在 ios 上带有 div 的响应式导航

标签 jquery html css ios

我一直在寻找特定的导航模式。首先,我将解释我希望它如何表现:

如果您想象一个带有大标题或导航栏的网页。当页面向下滚动时,页面下方的所有内容都会向上滚动,而标题在下方保持静止。

这里有一个非常接近的例子: 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/

相关文章:

html - 制作宽表,在移动设备上折叠成行

javascript - 使用 2 个不同的 href 和 CSS 定位重复 Angular ion-item

javascript - 用 jQuery 替换背景图像时找不到图像

jquery - 使用 jquery 更改单选按钮的文本

HTML 表格偏移一列

html - 我想让两张图片并排 float

javascript - Bootstrap 按钮组可动态更改文本、HREF 和图标 - JQuery

jquery - 如何使用 jQuery 从数组中检索值以从其他数组中获取值?

javascript - 根据选择标签选择显示多个div

ios - iOS 8 上的 Flexbox - 框折叠