Question

我试图直接从onclick动作调用scrollTo函数。找到了很多解决方案，但没有一个解决方案不适合我

我试图这样做：

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

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

Answer 1

尝试

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

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

确保使用jQuery 1.9.x

Answer 2

尝试使用animate（）：http://jsfiddle.net/C8p6f/

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

纯粹的onclick scrollTo

2 个答案: