单击导航栏(About,Portfolio ...)时在同一页面上平滑滚动

时间:2018-04-15 12:51:45

标签: javascript jquery html css

点击导航栏时,我想平滑地滚动到页面的不同部分。 我用谷歌搜索了这个,但是我找到了我不理解的代码,他们没有解释我应该把信息放在哪里,他们只是扔了一个长代码而没有说明如何使它适应我的情况。我真的很感激一些帮助。 这是我的代码。

`https://codepen.io/aabla/full/aYYOxy`

1 个答案:

答案 0 :(得分:0)

您在此页面上有一个例子:

  

https://css-tricks.com/snippets/jquery/smooth-scrolling/

所有内容都在评论中解释。有更简单的方法,但这个方法真的很完整..

如果你想让这个工作,你必须先调用jQuery。

修改

这是您的codepen工作:

  

https://codepen.io/anon/pen/EEBOEg

另外,在你的ID属性中你有一些错误(链接的ID不等于<div>元素的ID),这无论如何都无法工作..