慢慢自动滚动到 div 的底部答案

【问题标题】：Slowly auto scroll to the bottom of a div慢慢自动滚动到 div 的底部
【发布时间】：2018-08-10 15:42:45
【问题描述】：

我试图让我的 div 开始慢慢向下滚动到 div 的底部，但似乎无法让它工作。我可以让我的 div 立即滚动到底部，但我希望它需要一些时间。我现在的滚动代码是

<script type="text/javascript">
        $(document).ready(function () {
            $('#myDiv').animate({
                scrollTop: $('#myDiv').get(0).scrollHeight
            }, "slow");
        });
    </script>

我的 div 的代码是

<div class="ASIProfile right" style="overflow:auto; height: 160px;" id="myDiv"></div>

【问题讨论】：

您是否尝试过使用整数而不是“慢速”来测试不同的滚动速度，看看是否有任何变化可以达到预期的效果？

标签： javascript jquery css scroll autoscroll

【解决方案1】：

$(document).ready(function () {
            $('html, body').animate({
                scrollTop: $('#myDiv').get(0).scrollHeight
            }, 1500);
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ASIProfile right" style="overflow:auto; height: 1600px;" id="myDiv">
div 1 ( auto scroll to bottom smoothly )
</div>
<div class="ASIProfile right" style="overflow:auto; height: 160px;" id="myDaiv">
div 2
</div>

【讨论】：