jquery - 平滑滚动jquery不起作用

Question

我正在制作一个 1page 的网站。当我单击导航链接“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

提前致谢。

Answer 1

更新：假设代码几乎相同，并进行了一些修改以适应解决方案，使用scrollTo插件我们可以这样做：

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

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