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

以下是其他人的一些做法:


这很棘手,因为文档流中删除了固定位置元素,因此其高度被忽略

您完全可以定位导航栏,然后在窗口变小时使用媒体查询切换到固定位置

或者你可以使用Javascript

以下是其他人的一些做法:


有关此网站上您认为有用的答案。没有义务。推广高质量内容的一种方法。对于本网站上您认为有用的答案。没有义务。这只是推广高质量内容的一种方式。