Javascript Css部分固定侧导航隐藏时,主要内容短于导航
我有侧导航和主要内容。两者都是动态的。问题是,当导航长度超过主内容时,其高度设置为视口高度,其余部分隐藏,如果导航没有丑陋的滚动条,如何解决此问题 我需要固定导航Javascript Css部分固定侧导航隐藏时,主要内容短于导航,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有侧导航和主要内容。两者都是动态的。问题是,当导航长度超过主内容时,其高度设置为视口高度,其余部分隐藏,如果导航没有丑陋的滚动条,如何解决此问题 我需要固定导航 部分{ 显示:-网络工具包盒; 显示:-webkit flex; 显示:-ms flexbox; 显示器:flex; } 导航{ -webkit-box-flex:0; -webkit flex:0 250px; -ms-flex:0-250px; 柔性:0 250像素; } 导航ul{ 位置:固定; } 主要{ -webkit-b
部分{
显示:-网络工具包盒;
显示:-webkit flex;
显示:-ms flexbox;
显示器:flex;
}
导航{
-webkit-box-flex:0;
-webkit flex:0 250px;
-ms-flex:0-250px;
柔性:0 250像素;
}
导航ul{
位置:固定;
}
主要{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
弹性:1;
}
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 十三,
- 十四,
- 十五
- 十六,
- 十七,
- 十八
- 十九,
- 二十
- 二十一,
- 二十二
- 二十三
- 二十四
- 二十五
- 二十六
- 二十七
- 二十八
- 二十九
- 三十
- 三十一
- 三十二
- 三十三
- 三十四
- 三十五
- 三十六
- 37
- 三十八
- 三十九
- 四十
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 四十八
- 49
- 五十
- 五十一
- 五十二
- 五十三
Lorem ipsum dolor sit amet,奉献精英。暂时性腐败的连续性——准建筑学智者的理性选择、腐败的累积或类似自由官员的过失
这很棘手,因为文档流中删除了固定位置元素,因此其高度被忽略
您完全可以定位导航栏,然后在窗口变小时使用媒体查询切换到固定位置
或者你可以使用Javascript
以下是其他人的一些做法: