css - 在 css 中设置固定 100% 高度侧边栏的滚动？

Question

我有一个固定的 100% 高度侧栏，其中包含多个控件。

我试图让底部控件(绿框)在到达屏幕底部时滚动。

中间的控件是 Accordion 。

我使用表格行显示来自动调整侧边栏中的控件高度。

JSBIN

谢谢。

Answer 1

您需要指定绿色容器的高度才能使用 overflow-y:scroll。

你可以通过下面的jquery代码检测文档结束

if (  document.documentElement.clientHeight + 
  $(document).scrollTop() >= document.body.offsetHeight )

{

alert("You're at the bottom of the page.");

在滚动的这一点上，您可以将 css 添加到绿色框，即高度:200 像素(或任何您想要的)