时间戳

首页 > 解决方案 > 慢慢自动滚动到 div 的底部

javascript - 慢慢自动滚动到 div 的底部

问题描述

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

标签： javascriptjquerycssscrollautoscroll

解决方案

$(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>

推荐阅读