如何只为 div 标签内的表维护滚动答案

【问题标题】：how to maintain scroll for only table which is inside div tag如何只为 div 标签内的表维护滚动
【发布时间】：2012-07-18 15:27:58
【问题描述】：

我必须只为 div 标签内的表格维护滚动。表中有 500 个条目，因此滚动到页面是一种坏习惯。所以我保持垂直滚动到只有 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";
        }

【问题讨论】：

标签： javascript asp.net html web scrollbar

【解决方案1】：

使用这个：

overflow: auto;

在 div 的 style 标签中，设置一个 div 的一些height 和width。

【讨论】：

使用上面的代码表不是底部对齐的，而且它在 1024*768 中看起来不错，但我将分辨率设置得更高，然后在底部留出一些空间，所以我必须使分辨率独立

【解决方案2】：

让它....例如

  <div id="divScroll" style="width: 100px; height: 100px;overflow : auto;">

【讨论】：

使用上面的代码不是底部对齐的，而且它在 1024*768 中看起来不错，但我将分辨率设置得更高，然后在底部留出一些空间我必须使分辨率独立

【解决方案3】：

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

会为你工作。

【讨论】：

使用上面的代码表不是底部对齐的，而且它在 1024*768 中看起来不错，但我将分辨率设置得更高，然后在底部留出一些空间，所以我必须使分辨率独立
如果我给 hieght in % 然后滚动消失