javascript - 如何只为 div 标签内的表格维护滚动

Question

我必须只为位于 div 标签内的表格维护滚动条。 表中有 500 个条目，所以滚动页面是个坏习惯。 所以我 maintainig 垂直滚动到只有 div 而没有页面滚动。 对于任何分辨率，我都使用 javascript 代码。 我必须保持表格底部对齐。 意味着在整个页面中我将只滚动 div 内容。 我使用了下面的代码，它让我滚动到 div 标签，但也滚动到页面。 我正在使用母版页。

    <div id="divScroll" style="width: 100%;">
        <table id="tableWorkList" class="csstablelist" cellspacing="1" cellpadding="1">
        <tr>
            <td></td>
    ....</tr>//**500 rows in table**
    </table>
    </div>


function resolutionIndependent()
        {
            var myHeight;
            if (document.body && document.body.offsetWidth)
            {
                myHeight = document.body.offsetHeight;
            }
            if (document.compatMode == 'CSS1Compat' && document.documentElement && document.documentElement.offsetWidth)
            {
                myHeight = document.documentElement.offsetHeight;
            }
            if (window.innerWidth && window.innerHeight)
            {
                myHeight = window.innerHeight;
            }
            var divScroll = document.getElementById('divScroll');
            divScroll.style.height = parseFloat(myHeight) + 'px';
            divScroll.style.overflow = "auto";
        }

Answer 1

#divScroll{ overflow:auto; height : 200px; width : 600px; }

将为您工作。