Jquery 纯onclick滚动条

我正试图直接从

onclick

操作调用

scrollTo

函数。 找到了很多解决方案，但没有一个对我不起作用

我正在尝试这样做：

<button onclick="$(window).scrollTo('#mydiv',100);"type="button"  placeholder="" />CLICK ME</button>

<div id="mydiv">
</div>

点击我

尝试使用animate（）之类的工具：

点击我
yyy
xxx
$（文档）.ready（函数（）{
$（'.myButton'）。在（'click'，function（）上{
$（'html，body'）.animate（{scrollTop:$（“#mydiv”）.offset（）.top}，300）；
});
});

试试看

点击我

---

确保您使用jQuery 1.9.x

今晚我至少尝试了50种不同的方法，这是唯一对我有效的方法。

<button class="myButton" type="button"  placeholder="" />CLICK ME</button>
<div class="oneDiv">yyy</div>
<div id="mydiv">xxx</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('.myButton').on('click',function(){
            $('html, body').animate({scrollTop: $("#mydiv").offset().top}, 300);
        });
    });
</script>

<button onclick="$('html, body').animate({scrollTop: $('#mydiv').offset().top}, 2000);" type="button"  placeholder="" />CLICK ME</button>

<div id="mydiv"></div>