Wie man einen Div scrollt nach unten

Question

Ich habe ein Textfeld und eine Schaltfläche. Nach dem Drücken der Schaltfläche Hinzufügen zum Tisch in einem Div. Ich möchte das div bis zum Ende der Seite scrollen, wenn max-height:100px; überschritten addbarcode(); Methode ist eine Ajax-Post, die eine jquery dataTable method aufrufen wird, um Daten auf der Serverseite zu füllen.

versuchen 1

var element = document.getElementById("divcontent"); 

     element.scrollIntoView(false); 

versuchen 2

var element = document.getElementById("divcontent"); 
       $('#divcontent').scrollTo(element.get(0).scrollHeight); 

versuchen 3

var objDiv = document.getElementById("divcontent"); 
       objDiv.scrollTop = objDiv.scrollHeight; 

oben versucht, alle doesnt WO rk.

bearbeiten

<div class="row" id="divcontent" style="max-height:100px; overflow-y:auto"> 

<div class="col-md-12 col-sm-12"> 
    <table class="table table-striped table-responsive" id="codelist"> 
     <thead> 
      <tr> 
       <th> 
        SN 
       </th> 
       <th> 
        Serial Number 
       </th> 

      </tr> 
     </thead> 
    </table> 


</div> 

Javascript

$(document).ready(function() { 
    $("#scanner").on('keyup paste', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13) { //Enter keycode 
      var artno = $(this).val(); 
      if (artno.length == 32 &&) { 
       addbarcode(); 
       $(this).val(""); 

      } else { 
       $(this).val(""); 
      } 
      var element = document.getElementById("divcontent"); 

      element.scrollIntoView(false); 
     } 


    }); 

}) 

endgültigen Arbeits Code hinzugefügt belebtes smooth scrolling zu ermöglichen. auch Timer als Ajax-Code hinzugefügt laufen schneller als HTML-Render. So Einstellung eine kleine Verzögerung ermöglicht es dem Javascript, die volle Höhe zu erfassen.

function divscrolldown() { 
    setTimeout(function() { 
     $('#divcontent').animate({ 
      scrollTop: $("#divcontent").offset().top 
     }, 500); 

    }, 200); 

Answer 1

element.scrollIntoView(false); 

false Wenn sich der untere Rand des Elements auf den Boden des sichtbaren Bereiches des scrollbaren Vorfahren ausgerichtet werden.

MDN: Element.scrollIntoView()

Answer 2

Das ist für mich gearbeitet:

$('#scroll').scrollTop(1000000); 

Es gibt weitere Antworten hier: Scroll to bottom of div?