javascript - 如何保持侧边栏布局固定,不能使用引导程序滚动?
问题描述
我正在尝试制作一个简单的管理面板。我添加了一个侧边栏作为布局。我想保持它固定。但是当我向下滚动页面时,我的侧边栏也会向下滚动。这是它在页面开头的样子:
当我向下滚动页面时:
即使页面向下滚动,我也想保持它在图 1 中。侧边栏的开头是这样的:
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar" style="max-height:100%">
编辑:我试过了.navbar-nav { position: fixed; left: 0; top: 0; bottom: 0, width: 150px; }
,结果是:
解决方案
试试这个方法
<div class="container-fluid">
<div class="row">
<div class="col-md-3 px-1 bg-dark position-fixed">
...
</div>
<div class="col-md-offset-3 col-md-9 col-sm-12">
<h1>Main Area</h1>
...
</div>
</div>
</div>
推荐阅读
- java - 无法在对话框中找到动态按钮
- php - 使用 Laravel 编辑 PDF
- python-3.x - extract values of column according to value in another columns in csv file
- angularjs - UI-Router for Angular:是否可以在不重新加载页面的情况下更新位置
- sql-server - 逻辑应用程序 - 从 Web 服务读取 XML 响应并将解析的数据存储在数据库中
- php - 代码 403:“请求缺少有效的 API 密钥。” PERMISSION_DENIED 服务帐号密钥 Google Cloud Vision PHP
- python - 返回该列表中的唯一数字
- spring-mvc - 如何在 webflow 中使用输入/输出元素?
- c# - 根据房间面积创建网格状结构
- zlib - Zstd/Zlib 压缩是双射的吗?