jquery滚动到锚定点击页面上的位置

时间:2013-08-16 17:17:48

标签: javascript jquery

我正在尝试创建一个锚点链接,单击该链接将向下滚动页面。

脚本:

<script type="text/javascript">                         
$(document).ready(function() {
    function scrollWin(){
        $('html,body').animate({
            scrollTop: $("#scrollToHere").offset().top
        }, 800);
    }
});
</script>

链接:

<a class="icon_button" href="#"  onclick="scrollWin();" ><i class="icon-chevron-down "></i> </a>

然后将div滚动到:

<div id="scrollToHere">
Scroll to here
</div>

我错过了什么?

2 个答案:

答案 0 :(得分:4)

http://jsfiddle.net/mA34T/

$('#foo').click(function () {
    $('html,body').animate({
        scrollTop: $("#scrollToHere").offset().top
    }, 800);
});

这会解决您的问题吗?

答案 1 :(得分:0)

尝试删除'$(document).ready(function(){'wrapper

没有必要包装它,因为你只是声明一个函数。