Jquery 向下滚动-反转

您好，我有以下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>

.集装箱{
宽度：450；
身高：400；
边框：1px实心；
边界半径：6px；
背景：#000；
}
.姓名{
边框底部：1px实心；
背景：#FFF；
}
.div_线{
最大高度：360px；
背景：#000；
颜色：#FFF；
溢出：自动；
垂直对齐：顶部；
}
显示

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

---

但我想知道的是，有没有一种方法可以改变向下滚动，这样当我看到滚动条时，我需要向上滚动以查看过去的数据，而不是向下滚动？与命令提示符类似，它将显示最后插入的行，您需要向上滚动以查看预览信息。

在插入另一行时运行此javascript代码：

var lines=document.getElementsByClassName('line');
lines[lines.length-1].scrollIntoView();

---

让这段javascript代码在插入另一行时运行：

var lines=document.getElementsByClassName('line');
lines[lines.length-1].scrollIntoView();

---

请不要在你的问题中包含“希望我很清楚，谢谢：）”。这是无用的噪音。什么是“它将显示滚动条的点”？当有很多信息，而不是溢出时，它将显示为具有相同高度的滚动条。我想你正在寻找一个jquery插件？任何可能的都将是好的。请不要在你的问题中包括“希望我很清楚，谢谢：）”。这是无用的噪音。什么是“它将显示滚动条的点”？当有很多信息，而不是溢出时，它将显示为具有相同高度的滚动条。我想你正在寻找一个jquery插件？任何可能的都将是好的。我看得很好。我有一个JSFIDLE的例子说明它的工作原理：我觉得它很好。我有一个JSFIDLE示例说明它的工作原理：