如何使用ScrollTo（）进行div？

Question

我想将scrollTo（）应用于我的身体。但这不适合我。请帮助。

<div id="mybody" style="width: 5000px; background: tan;">
    <button onclick="scroll()">Click to Scroll</button><br><br>
</div>
<script>
    function scroll() {
        document.getElementById("mybody").scrollTo(500, 0);
    }
</script>

Answer 1

我希望你想要水平滚动

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mybody" style="width: 5000px; background: tan;">
    <button id="btn" onclick="window.scrollTo(500, 0);">Click to Scroll</button><br><br>
</div>

＆＃13;

＆＃13;

＆＃13;

根据您的评论，滚动没有发生，因为在您的div #mybody中没有附加滚动条。如果你想在组件中移动按钮，试试这个

＆＃13;

＆＃13;

$(document).ready(function(){
    $("#mybody").click(function(e){
        e.preventDefault();
        $('#mybody button').animate({marginLeft:'+=500'}, 500);
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mybody" style="width: 5000px; background: tan;">
    <button>Click to Scroll</button><br><br>
</div>

＆＃13;

＆＃13;

＆＃13;