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

标签 javascript jquery html css

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

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

如果我减去页脚的高度:

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

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

那么我的问题是,如何让左栏在所有情况下都占据 100% 的剩余高度?

最佳答案

尝试这样的事情:http://jsfiddle.net/mXjLE/1/

它的代码并不完美,但它可以工作(我的事情)。

关于javascript - 可滚动左列 w/100% 剩余屏幕高度,滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9900714/

相关文章:

javascript - jQuery 向上滑动行并在底部添加另一个

Javascript 警报仅在 Chrome 中阻止音频循环

html - 如何排列 CSS 元素?有我可以使用的工具吗?

jquery - 当用户每次点击一个元素时执行一个效果

javascript - jquery 会使浏览器变慢吗?

javascript - 提交时禁用 JSF 表单字段验证

JavaScript 参数引用错误

javascript - 在 Chart.js 中,我想显示如下图所示的虚线网格线

javascript - 是否可以在应用程序启动时获取 Durandal 加载进度?

javascript - 在 Angular 2 中使用 jQuery