1

こんにちは私はこのhtmlコードを持っています：

 <style type="text/css">
    .container{
        width: 450;
        height: 400;
        border:1px solid;
        border-radius: 6px;
        background: #000;
    }
    .name{
        border-bottom:1px solid;
        background: #FFF;
    }
    .div_lines{
        max-height: 360px;
        background: #000;
        color:#FFF;
        overflow: auto;
        vertical-align: top;
    }
    </style>
    <div class="container">
    <div class="name">show</div>
    <div class="div_lines">
    <code class="lines">
        <div class="line">1</div>
        <div class="line">2</div>
        <div class="line">3</div>
        <div class="line">4</div>
        <div class="line">5</div>
        <div class="line">6</div>
        <div class="line">7</div>
        <div class="line">8</div>
        <div class="line">9</div>
        <div class="line">10</div>
        <div class="line">11</div>
        <div class="line">12</div>
        <div class="line">13</div>
        <div class="line">14</div>
        <div class="line">15</div>
        <div class="line">16</div>
        <div class="line">17</div>
        <div class="line">18</div>
        <div class="line">19</div>
        <div class="line">20</div>
        <div class="line">21</div>
        <div class="line">22</div>
        <div class="line">23</div>
        <div class="line">24</div>
        <div class="line">25</div>
        <div class="line">26</div>
        <div class="line">27</div>
        <div class="line">28</div>
    </code>
    </div>
    </div>

しかし、私が知りたいのは、スクロールバーが表示されるポイントに到達したときに、下にスクロールするのではなく、上にスクロールして過去のデータを表示する必要があるように、スクロールを下に変更する方法があるということです。コマンドプロンプトのように、最後に挿入された行が表示され、プレビュー情報を表示するには上にスクロールする必要があります。

4

1 に答える 1

1

別の行が挿入されるたびに、次の JavaScript コードを実行します。

var lines=document.getElementsByClassName('line');
lines[lines.length-1].scrollIntoView();
于 2013-02-26T02:13:12.780 に答える