引导类= & # 39;page-scroll& # 39;并# 39;t工作

Bootstrap class='page-scroll' doesn't work

本文关键字：工作 page-scroll      更新时间：2023-09-26

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

noahwaldner.ch/引导

我使用类page-scroll(我认为它链接到一个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();
}

如果你需要更多的信息，你可以使用浏览器的网页检查器

您在页面上调用了两次jQuery:一次在本地，一次在CDN的最后。删除1.7.2的CDN，它应该工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
相关文章：