ugrás a tartalomhoz

scrollos DIV aljára JavaScript-tel máshogy is

domel · 2014. Feb. 19. (Sze), 01.37
Hi!
Van egy chat, ami egy <div -ben fut és scrollbar van a szélén, mert nagyobb a tartalom, mint az ablak. Mikor bejön az üzenet, azt kiírja a lista aljára, és a scrollbar-t is lehúzza, hogy lehessen látni
  1. document.getElementById("micro_chat").scrollTop =   
segítségével.
A probléma ott kezdődik, hogy ha telefonnal vagy táblagéppel nyitom meg az oldalt, akkor nem scrolloz le, még scrollbár sem jelenik meg, mert ugye azt nekem kell scrollozni az ujjammal a képernyőn. A kérdésem az lenne, hogy milyen egyéb trükkel lehetne rávenni a div-et, hogy a tartalom aljára menjen, ha már a scrollTop nem működik?

(itt a chat is, hogy ne terheljem meg túlságosan a képzelőerőtöket ;) chat )
‹ Kendo UI mouse events data table ›
 ■
1

Működik

Poetro · 2014. Feb. 19. (Sze), 11.21
Nálam működik. Android Chrome, és Android 2.3 Browser-rel is.
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <meta charset="utf-8">  
  5.   <title>JS Bin</title>  
  6.   <style>  
  7.     #micro_chat {  
  8.       overflow: scroll;  
  9.       height: 400px;  
  10.       width: 400px;  
  11.     }  
  12.   
  13.     #micro_chat .content {  
  14.       background: #1e5799; /* Old browsers */  
  15.       background: -moz-linear-gradient(top, #1e5799 0%, #e5e5e5 100%); /* FF3.6+ */  
  16.       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */  
  17.       background: -webkit-linear-gradient(top, #1e5799 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */  
  18.       background: -o-linear-gradient(top, #1e5799 0%,#e5e5e5 100%); /* Opera 11.10+ */  
  19.       background: -ms-linear-gradient(top, #1e5799 0%,#e5e5e5 100%); /* IE10+ */  
  20.       background: linear-gradient(to bottom, #1e5799 0%,#e5e5e5 100%); /* W3C */  
  21.       padding-top: 500px;    
  22.     }  
  23.   </style>  
  24. </head>  
  25. <body>  
  26.   <div id="micro_chat"><div class="content">Tartalom</div></div>  
  27.   <script>document.getElementById('micro_chat').scrollTop = 4000;</script>  
  28. </body>  
  29. </html>  
2

nálam nem

domel · 2014. Feb. 19. (Sze), 14.22
Nálam a tiéd sem működik. Akkor erről ennyit, telefon/táblagép-függő az egész, kár vele foglalkozni. :)