- Foundation 教程
- Foundation - 首页
- Foundation - 概述
- Foundation - 安装
- Foundation - Starter 项目
- Foundation - 一应俱全
- Foundation 通用
- Foundation - 全局样式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具
- Foundation - 媒体查询
- Foundation - 网格
- Foundation - Flex 网格
- Foundation - 表单
- Foundation - 可见性类
- Foundation - 基本排版
- Foundation - 排版助手
- Foundation - 基本控件
- Foundation - 导航
- Foundation - 容器
- Foundation - 媒体
- Foundation - 插件
- Foundation SASS
- Foundation - Sass 函数
- Foundation - Sass Mixins
- Foundation 库
- Foundation - 动效 UI
- Foundation 有用资源
- Foundation - 快速指南
- Foundation - 有用资源
- Foundation - 讨论
基础 - 侧滑菜单
描述
它将导航菜单从可见区域中隔离，并显示主要内容。
下表列出了一些侧滑菜单功能 -
| 序号 | 功能和描述 |
|---|---|
| 1 | 侧滑菜单设置
可以使用 .off-canvas 类和 data-off-canvas 属性创建侧滑菜单。 |
| 2 | 多个菜单
Foundation 侧滑菜单在左侧和右侧创建多个菜单。 |
| 3 | 标题栏
你可以使用左右两侧的标题栏切换侧滑菜单。 |
| 4 | 在大屏幕上显示
使用 .reveal-for-medium 或 .reveal-for-large 类将左右侧滑菜单设置在大型和中等屏幕上。 |
| 5 | Sass 参考
你可以使用 SASS 变量更改组件的样式。 |
| 6 | JavaScript 参考
Foundation 为侧滑菜单提供 JavaScript 组件。 |
foundation_containers.htm
广告