0

我试图从本质上“冻结”HTML 表格中的一列，类似于在 Excel 中可以完成的操作。但是，我需要能够双向滚动。我目前正在尝试通过使用可垂直滚动的 div 来保存一个表格来做到这一点，该表格在左侧包含一个名称列表，右侧包含一个水平可滚动的 div，其中包含与这些名称有关的数据。其中每一个都有一个固定的 div 来保存列标题数据。问题是，使用这种方法，水平滚动条位于 div 的底部，只有滚动到最底部才能看到。有没有办法将此滚动条的位置固定到外部 div 的底部？我敢肯定这里一定有某种解决方案，但我还没有找到它。任何帮助将非常感激。

注意： 我还为这个站点提供了 JavaScript / JQuery。

编辑：根据要求，这是我目前正在使用的标记：

<div id='am_verticalScrollerDiv' style='height: 440px; overflow-y: auto;'>" +
    <table id='am_verticalScrollerLayoutTable' height='100%' border='0' cellpadding='0' cellspacing='0'>
        <tr>
            <td id='am_resourceListCell'>
                <div id='am_resourceListDiv'>
                    <table id='am_resourceTitleTable' width='100%' border='0' cellpadding='0' cellspacing='0'>
                        <tr id='am_resource_tableTitleBar'></tr>
                    </table>
                </div>
                <table id='am_resourceList' width='100%' border='0' cellpadding='0' cellspacing='0'>
                    <tbody></tbody>
                </table>
            </td>
            <td id='am_horizScrollCell'>
                <div id='am_horizScrollDiv' style='width:900px; overflow-x: auto;'>
                    <div id='am_schedDataTitleBarDiv'>
                        <table id='am_schedDataTitleBarTable>
                            <tr class='am_schedule_formatBar'></tr>
                            <tr id='am_schedule_tableTitleBar' style='font-family: \"Courier New\", Courier, monospace; font-size: 12px;'></tr>
                        </table>
                    </div>
                    <table id='am_scheduleDisplay' width='100%' border='0' cellpadding='0' cellspacing='0' style='table-layout: fixed; empty-cells: show;'>
                        <thead>
                            <tr class='am_schedule_formatBar'></tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>
4

0 回答 0