开发者社区开发与运维文章正文

侧边栏

2022-12-08 142

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 侧边栏

采用插件docsify-sidebar-collapse

在 index.html 文件中引入 js 和 css ：

<!-- <link rel="stylesheet" href="https://cdn.9xing.cn/docsify-sidebar-collapse/1.3.5/sidebar-folder.min.css" /> -->
<link rel="stylesheet" href="https://cdn.9xing.cn/docsify-sidebar-collapse/1.3.5/sidebar-folder-mine.min.css" />
<script src="https://cdn.9xing.cn/docsify-sidebar-collapse/1.3.5/docsify-sid

文章标签：

JavaScript

前端开发

Iric

游客ogeeqvh5vfa5q

2月前

Bootstrap5 侧边栏导航(Offcanvas)3

通过设置 `data-bs-scroll` 和 `data-bs-backdrop` 属性，可以控制侧边栏弹出时元素的滚动行为和背景画布的显示。示例中展示了不同配置下的滚动效果和背景画布的使用方法。

游客ogeeqvh5vfa5q

36 3 3

游客ogeeqvh5vfa5q

2月前

JavaScript 前端开发

Bootstrap5 侧边栏导航(Offcanvas)1

Bootstrap5 的 Offcanvas 组件提供了一种在小屏幕设备上使用的侧边栏导航方案。通过添加 `.offcanvas` 类并结合 `data-bs-toggle="offcanvas"` 属性，可实现侧边栏的显示与隐藏。支持通过链接的 `href` 或按钮的 `data-bs-target` 属性进行控制。

游客ogeeqvh5vfa5q

42 4 4

游客ogeeqvh5vfa5q

2月前

Bootstrap5 侧边栏导航(Offcanvas)2

侧边栏可通过`.offcanvas-start`、`.offcanvas-end`、`.offcanvas-top`和`.offcanvas-bottom`类分别设置在页面的左、右、顶、底位置。示例代码展示了如何使用这些类创建不同方向的侧边栏，包括按钮触发和内容区域的定义。

游客ogeeqvh5vfa5q

31 1 1

朝阳39

6月前

flutter 导航组件 AppBar （含顶部选项卡TabBar，抽屉菜单 drawer ，自定义导航图标）

朝阳39