jQuery scrollTo with Bootstrap 3

Question

我试图在我的Bootstrap 3网站上使用jQuery scrollTo插件，但我在滚动偏移和活动状态方面遇到了一些问题。

偏移的问题是，当我添加代码时它将适用：

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

但是当我测试这个时，网站将滚动到包含偏移的位置，然后跳转到它将滚动到的位置，而没有偏移。

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

感谢您抽出宝贵时间查看我的问题。

链接到网站：Arkito Designs

Answer 1

您也可以尝试使用jquery中的animate函数和scrollTop。

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

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

Answer 2

对于任何再次陷入困境的人来说，解决方法是进入OnaPageNav js并删除onAfter函数中的newloc代码