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

Posted 2023-03-14

【中文标题】Bootstrap class=\'page-scroll\' 不起作用

【英文标题】：Bootstrap class='page-scroll' doesn't workBootstrap class='page-scroll' 不起作用

【发布时间】：2015-08-17 17:43:54

【问题描述】：

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

noahwaldner.ch/bootstrap

我使用 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();

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

【参考方案1】：

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

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