CSS固定顶部菜单不适用于移动设备

标签 css mobile

我有一个单页滚动类型的网站。我在顶部有一个固定菜单,这在桌面浏览器上工作正常。但是,它不适用于移动设备,菜单只停留在顶部,当您向下滚动时它会消失。

我的标题 CSS 是:

#header {
background: url('../_images/menu_bg.png');
padding-top: 10px;
position: fixed;
top: 0;
left: 0;
z-index: 9000;
width: 100%;
height: 80px;
}

最佳答案

行:你的 styleMobile.css 的 1092 你有这个 css 片段:

#header {
 positioN: relative;
}

删除它可以解决问题。

关于CSS固定顶部菜单不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22047745/

相关文章:

css - 如何使用CSS将某行中的div拉伸(stretch)到 "all left space"

html - Bootstrap 4 使每列大小相等?

android - 根据设备创建将打开网站、iOS、Android 或 Win8 应用程序的 Web 链接

Android 操作系统中的 Jquery 移动框架

javascript - 每次点击时更改 Div 类

jquery - 在 jQuery slideToggle 顶部滑动文本

jquery - 修复了 jquery mobile 的工具栏问题

android - 诊断应用程序在设备上显示为 "Incompatible",但在 Play 商店控制台中显示为 "Supported"的原因

javascript - 需要帮助使菜单显示在网站上(JQuery)

ios - 当您在 iOS 应用程序和服务器中都使用 token 时如何处理 Facebook 弃用的离线访问权限