如何使滚动条保持在固定位置div的内部，并且顶部像素向下推？
里昂·加班
http://jsfiddle.net/leongaban/6rd2hhpq/8/
我正在使用固定位置div并使元素从内部滚动。这里类似于这个问题。
我能够显示滚动条，我的问题是我有一个固定的标题，而固定的侧边栏在视图中必须向下推。
这使用户可以继续滚动浏览器窗口，以使您看不到滚动器。
无论如何，有没有让滚动条与我的示例保持一致？
这样，当滚动条命中并停在视图底部时，您还将看到最后一个项目。
.red-box {
position: fixed;
width: 100%;
height: 40px;
color: white;
background: red;
}
.sidebar {
position: fixed;
top: 60px;
overflow-y: auto;
margin-left: 20px;
width: 180px;
height: 100%;
}
Shikkediel
如果我正确地理解了这个问题-您希望固定元素填充屏幕，使其与标题高度分开，那么您可以尝试：
.not-stuck {
height: calc(100% - 60px);
}
查看链接到页面上的其他解决方案，我个人的第二选择是使用JavaScript（但问题当然没有该标签）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery位置DIV固定在滚动条的顶部
- 2
jQuery位置DIV固定在滚动条的顶部
- 3
使固定位置div可滚动而无需滚动条，也无需滚动背景内容
- 4
滚动时使tvOS tableview行保持在固定位置
- 5
新的固定位置div创建后，滚动条不显示
- 6
如何使一列仅在水平滚动条上固定位置？
- 7
在加载时将div保持在屏幕底部，但在向下滚动时保持在原始位置
- 8
滚动条内部固定100％div，不含Javascript
- 9
jQuery位置DIV固定在滚动条上
- 10
如何从元素的底部到顶部更改滚动条位置？
- 11
如何从元素的底部到顶部更改滚动条位置？
- 12
如何向下滚动滚动条
- 13
如何使div固定位置水平滚动？
- 14
向下滚动网站时，如何使固定位置的对象从浏览器窗口的顶部移动到底部？
- 15
如何使子div保持固定位置？
- 16
如何获得位置：固定；滚动条的行为
- 17
我如何绝对定位div并将其保持在其原始顶部位置，并在其上方浮动dom元素？
- 18
删除滚动条时如何保持html内容的位置？
- 19
更新数据时如何保持gridview滚动条的位置
- 20
如何使固定的div覆盖浏览器的滚动条？
- 21
始终将滚动条保持在底部
- 22
无法将滚动条保持在底部
- 23
检测div滚动条到达顶部
- 24
使用滚动条向下滚动时，使框保持静止
- 25
固定全屏div滚动条
- 26
固定全屏div滚动条
- 27
如何知道div中滚动条的位置？
- 28
如何在保持光标在css中向上或向下移动的同时隐藏滚动条
- 29
在向下滚动时保持固定的div
我来说两句