我想让侧面导航菜单位于页面的最左中心部分,当我向下滚动时,我希望它也移动(仍然在最左中心部分)。
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="#">Homescreen</a>
<a href="#">Menu</a>
<a href="#">Doggos</a>
<a href="#">About</a>
</div>
<div id="main">
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ Map</span>
</div>
最佳答案
试试这个。我希望这对你有帮助:(这是纯 HTML/CSS): 运行代码片段并查看结果:
body {
margin: 0;
}
#main {
width: 70%;
min-height: 1000px;
float: right;
background-color: darkblue;
}
#sidebar-container {
height: 100vh;
float: left;
width: 30%;
display: flex;
align-items: center;
justify-content: center;
} #sidebar {
width: 30%;
background-color: darkgreen;
min-height: 100px;
position: fixed;
left: 0;
}
<div id="main">
</div>
<div id="sidebar-container">
<div id="sidebar">
</div>
</div>
关于javascript - 侧边导航随滚动移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48794699/