Javascript 为什么当我'；我打开导航栏了吗？

当我打开导航栏时，我试图让导航栏只移动导航栏，而不是像现在这样移动所有页面

我的代码如下：- 负责人：

var i=0；
$（文档）.ready（函数（）{
$（“#b”）。单击（函数（）{
$（“#菜单”）。滑动切换（“慢速”）；
});
});
功能切换菜单（loc）{
$（“#菜单”）。滑动切换（“慢速”）；
setTimeout（函数（）{
window.location.href=loc；
}, 750);
}

正文：

家




登记




登录




你好

---

当导航栏打开“Hello”这个词时。我希望单词和页面的其余部分不改变位置。我试图用jquery实现这一点，但没有成功。

这可能是CSS问题。在正常情况下，所有DOM元素都是以块的形式创建的，这意味着它们显示在彼此的下面。默认情况下会有一些异常（并通过使用“display:inline；”强制执行），例如SPAN元素

可能的情况是，您的菜单不是固定的或绝对定位的元素，这会导致页面的其余部分根据菜单的大小变化进行调整。您可以在此处阅读有关职位类型的更多信息：

---

这可能是CSS的问题。在正常情况下，所有DOM元素都是以块的形式创建的，这意味着它们显示在彼此的下面。默认情况下会有一些异常（并通过使用“display:inline；”强制执行），例如SPAN元素

可能的情况是，您的菜单不是固定的或绝对定位的元素，这会导致页面的其余部分根据菜单的大小变化进行调整。您可以在此处阅读有关职位类型的更多信息：

---

这与定位有关：试试

<div id="menu" style="border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px; position: absolute; background-color: white;">

注意：位置：绝对；背景色：白色添加

编辑

小提琴：

编辑2

要按照下面的要求设置相对于

的宽度，请设置窗体宽度集的宽度，还需要指定'position:relative；“

...

---

…注意表单上的宽度和位置。

这与定位有关：试试

<div id="menu" style="border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px; position: absolute; background-color: white;">

use position:absolute; in your menu element
style="position:absolute;border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px"

注意：位置：绝对；背景色：白色；已添加

编辑

小提琴：

编辑2

要按照下面的要求设置相对于

的宽度，请设置窗体宽度集的宽度，还需要指定'position:relative；'

...

。。。注意表格上的宽度和位置

use position:absolute; in your menu element
style="position:absolute;border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px"

这是一个有效的例子

---

是一个工作示例。

huehuehuehuehue创建一个，这样我们就可以看到问题了，请huehuehuehuehueI使用JavaScript来完成。ccs不相关。CSS相关；这是一个定位问题。虽然你可以通过JavaScript添加或删除CSS，但你仍然需要调整菜单的“位置”。在这种情况下，我不使用CSS Huehuehuehuehue创建一个，这样我们就可以看到问题，请huehuehuehuehueI想用JavaScript来做。ccs不相关。CSS相关；这是一个定位问题。虽然你可以通过JavaScript添加或删除CSS，但你仍然需要调整菜单的“位置”。在这种情况下，我不使用CSS。它仍然会移动所有页面。我添加了一个小提琴，显示此解决方案工作正常（没有图像，但所有其他都工作）。很高兴我们找到了它！但是我怎样才能像以前一样调整宽度呢？因为当我添加“width:100%”时，它比页面大，它仍然会移动整个页面。我添加了一个小提琴，显示这个解决方案有效（没有图像，但其他都有效）。很高兴我们找到了它！但是我怎样才能像以前一样调整宽度呢？因为当我添加“宽度：100%”时，它比页面大

use position:absolute; in your menu element
style="position:absolute;border: 1px solid black; padding: 8px 8px; display: none; text-align: center; font-size: 20px"