Hey there, check out this snippet of HTML code I have:
<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>
Wouldn't it be cool if I could change the way the scroll function works so that as I approach the bottom, I actually need to scroll up to view the older data, similar to a command prompt displaying the most recent lines at the top which require upwards scrolling for past information?