0

我有一个带有基本导航的固定标题栏，如下所示：

<html>
<head></head>
<body>
<ul class="nav navbar-nav">
  <li><a id="aboutme" href="#about-me">About</a></li>
  <li><a id="workme" href="#work-me">Work</a></li>
  <li><a id="contactme" href="#contact-me">Contact</a></li>
</ul>
...
..
.
<div id="about-me">
</div>
</body>
</html>

我希望这些使用“线性”、“慢”动画值定向到同一页面中的一个部分，但我的代码不起作用：

$(document).ready(function() {

  $('aboutme').click(function() {
    $.scrollTo($("#about-me"),{duration: 1});
  });
});

你知道我的语法哪里出错了吗？我需要在 github 上使用 jQuery animatedScroll 来实现这一点吗？

谢谢 ：）

4

2 回答 2

0

无论如何，这里是如何在没有插件的情况下为滚动设置动画？

$(document).ready(function() {
    $('#aboutme').click(function(e) {
       e.preventDefault();
       $('body, html').animate({scrollTop : $('#about-me').offset().top}, 'slow');
    });
});
于 2014-02-05T21:00:29.427 回答
0

我猜你正在使用这个ScrollTo插件。

在您的函数中首先参考您的按钮，您有：

$('关于我')

一定是

$('#aboutme')

然后像这样设置时间值,：

$('#aboutme').click(function(e) {
  e.preventDefault();
  $.scrollTo($("#about-me"),800);
});

检查这个演示小提琴

于 2014-02-05T21:13:28.743 回答