我正在实现一个时间输入 Web 应用程序,并且 UI 有一个非常棘手的滚动要求。
请在此处查看示例:http://jsfiddle.net/yuipcheng/Ek5B2/
垂直滚动条位于最右侧。它滚动除页眉和页脚之外的所有表格行。
水平滚动条位于表格底部,从第 4 列到最后。它滚动除前 3 列之外的所有表格列。
前 3 列可能具有固定宽度(例如 150 像素)。 第 4 列到其余列也可以具有固定宽度,但必须小得多(例如 35 像素)。
所有表格行的高度都可以相同,我对 CSS 和 JavaScript 解决方案持开放态度。
最佳答案
将表格放在 div 中......类似的东西
<div style="width:XXXpx;height:XXXpx;overflow:auto;">
table goes here
</div>
overflow:auto
将在需要时创建滚动条。
关于javascript - 垂直和水平可滚动表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8434120/