1

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";
        }
4

3 に答える 3

2

これを使って：

overflow: auto;

div の style タグで、div の someheightとdo を設定しwidthます。

于 2012-07-19T12:34:04.237 に答える
0

それを作る....例えば

  <div id="divScroll" style="width: 100px; height: 100px;overflow : auto;">
于 2012-07-19T12:34:52.903 に答える