Long table scroll, but prevent window scroll

Question

I have a table whith many div s above it:

<div></div>...<div></div>
<div id="tablecontent">
<table>...</table>

</div>

I want my table scroll only in screen (the bottom of table is in the bottom of windows). So I need to set height and scroll=auto for #tablecontent . To set heigth I calculate it as:

var pos=$("#tablecontent").position().top;
var heigth=$( window ).height()-pos;
$("#tablecontent").css("height",heigth+'px');

But this is not working correctly. It is larger than I need. Can you help me calculating the right value.

Answer 1

在 CSS 中的div ，您需要设置overflow: scroll ，当内容大于容器时，固定高度应该在div上创建一个滚动条。