浮动菜单CSS / Javascript问题

时间:2012-07-09 15:12:31

标签: javascript html css mobile

我对这一切都很陌生,所以感谢你的耐心等待。 好的,我正在使用Floating Javascript菜单构建一个站点。 原始代码来自:Jtricks Absolute Floating Menu

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

现在我遇到的问题是,我不想要javascript的花哨动画。 A simple CSS script for a fixed window is fine.唯一的问题是,当我在移动浏览器上放大时,我尝试过的所有内容都做了同样的“自由浮动”,我似乎找不到修复方法。

有人有什么想法吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我使用“Jtricks绝对浮动菜单”。要对其进行缩放,您必须删除功能documentHeight中的一行。这一行是“html.clientHeight”。通过删除行来执行相同的函数documentWidth:“html.clientWidth”。

我已向创作者报告此错误。

希望得到这个帮助。