Javascript jQuery scrollTop-动画不工作

使用找到的示例，我正在尝试实现相同的功能。当我点击导航链接时，它会跳转到所选的div，而不是滑动/滚动

HTML:

<script>
$(document).ready(function(){

    $('nav ul li a').click(function(){
        var el = $(this).attr('href');
        var elWrapped = $(el);

        scrollToDiv(elWrapped,40);

        return false;
    });

    function scrollToDiv(element, navheight){
        var offset = element.offset();
        var offsetTop = offset.top;
        var totalScroll = offsetTop - navheight;

        $('body,html').animate({
            scrollTop: totalScroll
        }, 1000);
    }
});
</script>

航行

<div class="span3">
        <a href="#about-me"><img class="img-circle" src="http://placehold.it/200x200/e36b23/fff/&text=About+Me+"></a>
</div>

DIV

。。。

JS:

<script>
$(document).ready(function(){

    $('nav ul li a').click(function(){
        var el = $(this).attr('href');
        var elWrapped = $(el);

        scrollToDiv(elWrapped,40);

        return false;
    });

    function scrollToDiv(element, navheight){
        var offset = element.offset();
        var offsetTop = offset.top;
        var totalScroll = offsetTop - navheight;

        $('body,html').animate({
            scrollTop: totalScroll
        }, 1000);
    }
});
</script>

$（文档）.ready（函数（）{
$（'nav ul li a'）。单击（函数（）{
var el=$（this.attr（'href'）；
变量elWrapped=$（el）；
scrollToDiv（elWrapped，40岁）；
返回false；
});
功能滚动条TODIV（元素，导航高度）{
var offset=element.offset（）；
var offsetTop=offset.top；
var totalScroll=偏移-导航高度；
$（'body，html'）。设置动画({
scrollTop:totalScroll
}, 1000);
}
});

---

因此，它将进入“单击”div，但不是幻灯片动画-这是我想要的。有人有什么想法吗？

您不会阻止默认行为，即直接导航（“跳转”）到锚点。下面是：

$('nav ul li a').click(function(evt){
  evt.preventDefault();
  ...
});

---

您需要调整jQuery选择器以匹配html类-您使用的不是您引用的示例所使用的

ul

/

li

，例如

$('.span3 a').click(function(){

---

请参阅：由于您的链接是一个有效的锚，我认为您很可能看到默认行为，因为jQuery没有被执行。