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

时间:2014-05-01 07:29:50

标签: css twitter-bootstrap

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

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

中间控制是手风琴。

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

JSBIN

感谢。

1 个答案:

答案 0 :(得分:0)

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

您可以通过以下jquery代码检测文档结尾

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

{

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

}

在这个滚动点你可以将CSS添加到绿色框中,即高度:200px(或你想要的任何东西)