固定位置菜单，视口外的内容

我有一个导航菜单，它使用最小高度来占据视口的整个高度，它也是固定位置，但是这提出了一个问题。固定位置菜单，视口外的内容

.menu{ 
    min-height:100vh; 
    height:auto; 
    position:fixed; 
}

菜单里面的内容可以显示比视进一步下跌，如果在小的浏览器窗口或决议如移动观看，所以你不能看到最后的菜单选项。

我正在寻找最好的方法来解决这个问题，无论是用jQuery动态更改css位置（这似乎是用于WordPress管理菜单的解决方案），还是通过调整滚动上的顶部或边距位置这个例子：

我想要那个相同的用户体验，所以具有绝对位置，直到它的底端进入视图的元件充当（或给人的感觉），则它会成为固定位置。

这些菜单很常见，所以我确定有几种方法可以做到这一点？

2016-09-21 Sam Assoum

您可以随时使用@media CSS规则，该规则将根据特定条件应用CSS属性。以下示例将以浅蓝色显示屏幕背景颜色，屏幕尺寸为500像素或更少。

@media only screen and (max-width: 500px) { 
body { 
    background-color:lightblue; 
}

}

你可以找到更多的细节here

2016-09-21 23:59:23 Soul

回答