AntDesign侧边栏导航内容被下方包裹问题 _程序开发

创始人

2024-11-07 12:30:44

0次

可以通过手机设计的 max-height 属性和 overflow-y 属性来解决此问题。具体操作如下:

.ant-layout-sider {
  /* 定义侧边栏的最大高度 */
  max-height: calc(100vh - 64px);
  /* 滚动条滚动 */
  overflow-y: auto;
}

其中，calc(100vh - 64px) 的 100vh 是视口高度，64px 是顶部导航栏的高度。

在定义 max-height 和 overflow-y 后，可以使侧边栏拥有固定的高度，并且当内容超出高度时，会自动出现滚动条。

示例代码：


  
    /* 此处填充Ant Design 侧边栏内容 */
  
  
    /* 此处填充Ant Design 内容 */

详情透视!大菠萝免费辅助!好像... 详情透视!大菠萝免费辅助!好像是真的有辅助app(真的有挂)-哔哩哔哩1、大菠萝免费辅助公共底牌简单...

解谜透视!哈糖大菠萝有没有挂!... 解谜透视!哈糖大菠萝有没有挂!原来存在有辅助技巧(有挂助手)-哔哩哔哩哈糖大菠萝有没有挂是不是有人用...

辅助透视！pokemmo免费脚... 辅助透视！pokemmo免费脚本，安装不了wepoker，方案教程（有挂总结）-哔哩哔哩安装不了we...

有挂透视!聚星ai辅助工具下载... 有挂透视!聚星ai辅助工具下载!竟然真的是有辅助软件(竟然有挂)-哔哩哔哩1、让任何用户在无需聚星a...

解迷透视！hardrock透视... 解迷透视！hardrock透视工具，wepoker透视苹果系统，总结教程（真是有挂）-哔哩哔哩在进入...

详细透视！哈糖大菠萝软件下载，... 详细透视！哈糖大菠萝软件下载，wepoker国外版透视，秘籍教程（果真有挂）-哔哩哔哩1、每一步都需...

科普透视!约局吧游戏挂!原来真... 科普透视!约局吧游戏挂!原来真的有辅助教程(有挂存在)-哔哩哔哩1、约局吧游戏挂透视辅助软件激活码多...

关于透视!pokemmo脚本辅... 关于透视!pokemmo脚本辅助!其实有辅助神器(今日头条)-哔哩哔哩1、pokemmo脚本辅助免费...

曝光透视！cloudpoker... 曝光透视！cloudpoker作必弊，aapoker插件，方案教程（有挂秘诀）-哔哩哔哩1、这是跨平...

总结透视!werplan外卦神... 总结透视!werplan外卦神器!其实是有辅助软件(有挂猫腻)-哔哩哔哩1、在werplan外卦神器...