带有 Bootstrap 3 的 jQuery scrollTo答案

【问题标题】：jQuery scrollTo with Bootstrap 3带有 Bootstrap 3 的 jQuery scrollTo
【发布时间】：2014-04-26 17:57:10
【问题描述】：

我正在尝试将 jQuery scrollTo 插件与我的 Bootstrap 3 站点一起使用，但我在滚动偏移和活动状态方面遇到了一些问题。

偏移量的问题是它会在我添加代码时应用：

<script>    
$('#top-nav').onePageNav({
currentClass: 'active',
changeHash: true,
scrollSpeed: 1200,
scrollOffset: 70
}); </script>

但是，当我对此进行测试时，网站将滚动到包含偏移量的位置，然后跳转到在没有偏移量的情况下它会滚动到的位置。

我似乎无法在页面加载时应用活动状态。在我使用平滑滚动的另一个网站上，我记得只是将活动类添加到主页链接，它运行良好，并在单击另一个链接时切换。

感谢您花时间检查我的问题。

网站链接：Arkito Designs

【问题讨论】：

【解决方案1】：

您也可以尝试将 jquery 中的 animate 函数与 scrollTop 一起使用。

$("html, body").animate({ scrollTop: "300px" });

您可能需要查看 Jquery 动画页面：https://api.jquery.com/animate/

【讨论】：

那段代码似乎什么也没做
您是否也尝试将事件放入 document.ready() 中？
我现在正在尝试但是我对js了解的不多，我只是想从我所知道的很少。它应该看起来像这样吗？ $( document ).ready(function() { $("html, body").animate({ scrollTop: "300px" }); };

【解决方案2】：

对于再次遇到此问题的人，修复方法是进入 OnaPageNav js 并删除 onAfter 函数中的 newloc 代码

【讨论】：