平滑滚动jquery无法正常工作

时间:2011-07-08 09:09:13

标签: jquery html css scroll smooth-scrolling

我正在制作1页网站。 当我点击导航链接“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

提前感谢。

1 个答案:

答案 0 :(得分:1)

更新:假设代码几乎相同,通过一些修改来适应解决方案,我们可以使用scrollTo插件:

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

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

相关问题