Javascript 由于位置固定,顶部菜单不会从左向右推

Javascript 由于位置固定,顶部菜单不会从左向右推,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对侧边栏菜单推送有一个问题。我有两个菜单顶部菜单和左侧菜单。现在,当我点击位于顶部菜单左侧的汉堡包菜单时,侧边栏将显示出来 但请注意,当侧边栏显示时,它会将内容从左向右推。现在我的主要问题是,由于位置固定,顶部菜单没有从左向右推动 你能帮我吗 函数openNav(){ document.getElementById(“左菜单”).style.width=“250px”; document.getElementById(“包装器”).style.marginLeft=“250px”; } 函数

我对侧边栏菜单推送有一个问题。我有两个菜单
顶部菜单
左侧菜单
。现在,当我点击位于顶部菜单左侧的汉堡包菜单时,侧边栏将显示出来

但请注意,当侧边栏显示时,它会将内容从左向右推。现在我的主要问题是,由于
位置固定
,顶部菜单没有从左向右推动

你能帮我吗

函数openNav(){ document.getElementById(“左菜单”).style.width=“250px”; document.getElementById(“包装器”).style.marginLeft=“250px”; } 函数closeNav(){ document.getElementById(“左菜单”).style.width=“0”; document.getElementById(“包装器”).style.marginLeft=“0”; }
。左菜单{
身高:100%;
宽度:0px;
位置:固定;
z指数:1000;
排名:0;
左:0;
背景色:#111;
溢出x:隐藏;
过渡:0.5s;
填充顶部:60px;
}
标题{
背景色:#f45800;
宽度:100%;
线高:65px;
过渡:均为0.5s;
位置:固定;
排名:0;
左:0;
z指数:999;
高度:65px;
}
标题img,
.左菜单img{
宽度:50px;
}
.入口内容{
填充:80px;
}

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡


此代码将帮助您
文档.getElementsByTagName(“标题”)[0].style.left=“250px”

函数openNav(){ document.getElementById(“左菜单”).style.width=“250px”; document.getElementById(“包装器”).style.marginLeft=“250px”; document.getElementsByTagName(“标题”)[0].style.left=“250px”; } 函数closeNav(){ document.getElementById(“左菜单”).style.width=“0”; document.getElementById(“包装器”).style.marginLeft=“0”; document.getElementsByTagName(“标题”)[0].style.left=“0”; }
。左菜单{
身高:100%;
宽度:0px;
位置:固定;
z指数:1000;
排名:0;
左:0;
背景色:#111;
溢出x:隐藏;
过渡:0.5s;
填充顶部:60px;
}
标题{
背景色:#f45800;
宽度:100%;
线高:65px;
过渡:均为0.5s;
位置:固定;
排名:0;
左:0;
z指数:999;
高度:65px;
}
标题img,
.左菜单img{
宽度:50px;
}
.入口内容{
填充:80px;
}

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。圣奥卡塔例外情况
<header id="header"></header>
function openNav() {
  document.getElementById("header").style.left = "250px";
}

function closeNav() {
  document.getElementById("header").style.left = "0";
}