可滚动的左列w / 100%剩余屏幕高度,滚动问题

时间:2012-03-28 03:21:56

标签: javascript jquery html css

我正在尝试创建一个可滚动的左列,占据剩余空间的100%,减去距页面顶部的距离。它目前运作良好,但有一些问题。当我最初创建它时,我遇到了无限滚动问题,因为我没有考虑页脚高度:

http://jsfiddle.net/sUqtD/5/

如果我减去页脚的高度:

http://jsfiddle.net/sUqtD/4/

它在一定程度上起作用,但是如果我调整浏览器高度,并且右列高度向下推动页脚,则左列高度仍会考虑页脚高度。

所以我的问题是,如何让左栏在所有条件下占据100%的剩余高度?

2 个答案:

答案 0 :(得分:0)

尝试类似的事情:http://jsfiddle.net/mXjLE/1/

它不是完美的代码,但它有效(我的事情)。

答案 1 :(得分:0)

你只有一些小错误。你减去页脚的例子很接近,但是你也需要配置你的CSS ..

看一下我制作的代码..即使您决定更改它,它仍可以使用页脚...(它只是对您的代码进行了一次轻微的重写。)

希望它有助于http://jsfiddle.net/sUqtD/20/

修改 窗口大小小于左列时出错 - 但我会尽快解决这个问题:)