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

Question

我有一个固定的100％高度侧栏，包含几个控件。

我正试图让底部控件（绿框）在到达屏幕底部时滚动。

中间控制是手风琴。

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

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添加到绿色框中，即高度：200px（或你想要的任何东西）