Question

我试图让我的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>

Answer 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>

慢慢自动滚动到div的底部

1 个答案: