jquery - 平滑滚动 jquery 不工作

标签 jquery html css scroll smooth-scrolling

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

提前致谢。

最佳答案

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

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

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

关于jquery - 平滑滚动 jquery 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6622285/

相关文章:

javascript - 鼠标悬停时如何使用 DOM 更改可见性 css 属性

php - jquery更新mysql表

如果 css 类显示 :none,jQuery 显示不工作

html - 我不知道如何阻止 margin-top 让我的 child div 溢出它的 parent

javascript - 每当 Caps Lock 键打开时,如何创建从聚焦文本框弹出的工具提示?

html - 元素仅在 Safari 上悬停时移动

javascript - 绘制两个自定义日期范围之间的历史流程图

jquery - 将内容从一页拉到另一页(同一域)

html - 生成浏览器端网页缩略图

css - Android - Google chrome 自定义字体垂直居中问题