javascript - 如何在可滚动中激活向下滚动按钮

Question

在这里，我有一个 70% 的高度<div>和一个带有脚本的按钮，它使网页能够滚动到底部：

<div id="divname" style="overflow-y: scroll; height:75%;">
<p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
</div>

<script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script>
        $(document).ready(function() { 
            $("button").click(function() { 
                $("html").animate({ 
                    scrollTop: $( 
                      'html').get(0).scrollHeight 
                }, 300); 
            }); 
        }); 
</script>

<a href="#" onclick="scroll()"><b>Scroll to bottom</b></a>

通过单击链接按钮，我该怎么做才能<div>滚动到底部？

标签： javascripthtmljquerycss

Answer 1

改用javascript：

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