平滑滚动的jQuery不起作用

Question

我正在制作一个单页网站。 当我点击导航链接“bas&harald”时，它应该平滑地滑动到右侧的第二个幻灯片。

然而，我无法使其正常工作。我正在使用这个脚本：http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html 我已经将其实现在了这个js文件的底部：http://www.basenharald.nl/3d/script.js 我已经设置了“href”元素，同样适用于“a name”元素。

有人能告诉我为什么这不起作用吗？是另一个代码片段与此发生冲突吗？ http://www.basenharald.nl/3d 提前感谢。

- Luuk

---

我没有太多时间深入研究，但是尝试从菜单中删除cufon并查看是否可以通过这种方式使其工作。 - Elaine Marley

@Elaine Marley 尝试过了，但那也不起作用。我认为这不是由 cufon 引起的。 - Luuk

在你的代码中，我无法看到当你点击链接时应该去哪里。据我所知，即使没有脚本，如果HTML正确，它也应该将您移动到正确的位置（尽管没有动画效果）。<div id="uno"><a href="#dos">Uno</a></div> <div id="dos"><a href="#uno">Dos</a></div> 点击 Uno 将带您到 Dos，反之亦然。检查您链接的脚本中的HTML，并确保您正在使用ID。 - Elaine Marley

我知道那个方法可行，但是当我实施脚本后，它就停止工作了。 - Luuk

不知道还有什么可以告诉你的了，看起来你那里的smart3d可能是个问题？你可能想要查看这个链接以获得类似的动画效果：http://gsgd.co.uk/sandbox/jquery/easing/ - Elaine Marley

缓动包是用于额外的动画效果，但我并不真正需要额外的动画效果。换句话说，这个脚本对我没有帮助，但还是谢谢！ - Luuk

Answer 1

更新: 假设代码基本相同，只需进行一些修改以适应解决方案，使用scrollTo插件可以执行以下操作:

$('#nav a').click(function() {
   $.scrollTo($(this).attr('href'), {duration: 500});
});

这要求所有的部分都有一个在导航项中出现的id。持续时间以毫秒为单位。以下是该想法的一个工作示例：http://rolandmai.com/3d/

- Candide

---

这不是一个真正的答案，我没有添加锚点，因为它们不起作用...所以我删除了它们。对于第三点，我无法禁用3D部分，因为它是“层叠”图像和内容的核心。所以这是相当合理的。关于第一点，你是对的...我会修复它。如果脚本不好，你会使用什么样的脚本呢？无论如何，感谢你的回答。我希望锚点链接到UL部分，这样它就可以滚动到不同的UL。 - Luuk

那真是太棒了！祝你享受这50个声望点数 :) - Luuk

不客气！顺便说一下，这是如何授予赏金的方法：http://meta.stackexchange.com/questions/16065/how-does-the-bounty-system-work - Candide