javascript - float 菜单 CSS/Javascript 问题

标签 javascript html css mobile

我是新手,所以感谢您的耐心等待。 好的,我正在构建一个带有 float Javascript 菜单的站点。 原码来自:Jtricks Absolute Floating Menu

问题来了: 在移动浏览器中查看网站时,放大最初会导致 float 的 javascript 菜单离开页面的最左侧并覆盖页面上的内容。我通过将其锁定到页面左侧的固定宽度 div 来解决此问题。

现在我遇到的问题是,我不想要 javascript 的精美动画。 A simple CSS script for a fixed window is fine.唯一的问题是,当我在移动浏览器上放大时,我尝试过的所有方法都做了同样的“自由 float ”事情,我似乎找不到解决办法。

有人有什么想法吗?

最佳答案

好吧,我想这正是 fixed 定位元素的行为。您想要的是菜单在缩放为 100% 时像 固定 一样工作,然后在屏幕放大时像相对或绝对定位的菜单一样工作。here's a way to detect zooming .希望对您有所帮助。

关于javascript - float 菜单 CSS/Javascript 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11397932/

相关文章:

javascript - 无法将 Canvas 定位在页面顶部

javascript - 为什么在JS中使用getter/setter而不是直接访问属性?

javascript - 在 javascript 中要求

html - 是否有相当于背景大小 : cover and contain for image elements?

javascript - 如何使用 Javascript 替换 HTML 中的 CSS 边框?

javascript - Richfaces a4j :loadScript clears jQuery plugins on ajax calls

python - 为什么此 Web 托管的 Python 代码会导致 500 内部错误?

php - 将运行时创建的下拉列表值保存到数据库中

javascript - 使用 jquery 抓取单元格值指定 HTML 表格

css - 网页不是 100% 宽度