Bootstrap class ='page-scroll'不起作用

时间:2015-08-17 17:43:54

标签: javascript jquery html css twitter-bootstrap

我正在开发我的网站的新版本。

noahwaldner.ch/bootstrap

我使用类页面滚动(我认为它链接到JavaScript)来滚动到一个部分。

直到昨天,菜单按钮和链接到特定部分的箭头工作正常。如果您单击它们,该站点将滚动到该部分。但现在,它跳到了该部分。

菜单栏的代码:

<li>
<a class="page-scroll" href="#s1"> <span class="navtext">  About Me  </span> </a>
</li>


<li>
<a class="page-scroll" href="#s3"> <span class="navtext"> Contact </span> </a>
</li>

我认为这与此有关:

function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
}

如果您需要更多信息,可以使用浏览器的Web检查器。

1 个答案:

答案 0 :(得分:1)

您在网页上两次调用jQuery:一次在本地,一次在最后一次使用CDN。删除1.7.2 CDN,它应该工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>