div可滚动固定格

我想弄清楚如何根据旧的索引设置一个固定的标题/导航栏div让我们说200px高度基础页面设置。下面的第二个div应该是可滚动的，并且适合浏览器窗口内剩余的垂直空间。有什么建议么？div可滚动固定格

2017-02-26 Timo Millitz

欢迎的StackOverflow！这听起来像你只是在寻找'position：fixed'。为了让我们更好地为您提供帮助，请更新您的问题，以便在[最小，完整和可验证的示例]中显示所有相关代码（http://stackoverflow.com/help/mcve）。另外请务必让我们知道您迄今为止已经尝试解决您的问题。有关详细信息，请参阅[帮助文章]（http://stackoverflow.com/help/how-to-ask），了解如何提出良好问题。 –

将overflow: hidden;添加到您的CSS部分，这将使div不可滚动！ overflow: auto;使得股利滚动再次

例子： https://jsfiddle.net/v596fvbu/

来源

2017-02-26 22:47:47 David

您可以使导航栏固定，并让身体滚动它下面：

.navbar { 
    height: 3em; 
    width: 100%; 
    position: fixed; 
}

http://codepen.io/helb/pen/EWjPqJ

或限制页高度到浏览器窗口大小，并使第二个div可滚动：

.page { 
    overflow-y: scroll; 
    height: calc(100vh - 3em); /* browser viewport height minus the navbar height */ 
}

http://codepen.io/helb/pen/NpqNxy

注意，在滚动条位置的区别：

来源

2017-02-26 23:12:46 helb

div可滚动固定格

回答

相关问题