如何使Div滾動到底部

Question

我有一個文本框和一個按鈕。 在div中按下添加按鈕到表后。 我希望div在max-height:100px;時滾動到頁面底部max-height:100px; 超出overflow-y:auto; addbarcode(); method是一個ajax post，它將調用jquery dataTable method來填充服務器端的數據。

試試1

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

        element.scrollIntoView(false);

嘗試2

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

嘗試3

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

以上嘗試都不起作用。

編輯

<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);
        }


    });

})

最終工作代碼添加了動畫以允許平滑滾動。 還添加了計時器作為ajax代碼運行比html渲染更快。所以設置一點延遲允許javascript捕獲全高。

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

    }, 200);

Answer 1

element.scrollIntoView(false);

如果為false ，則元素的底部將與可滾動祖先的可見區域的底部對齊。

MDN： Element.scrollIntoView（）

Answer 2

這對我有用：

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

這里有更多答案： 滾動到div的底部？