我想使导航栏链接平滑滚动到他们选择的链接(目标)。问题在于它们无法正常工作。即使我单击其他导航栏选项,它们也始终滚动到主页。例如,如果我从家开始并单击到大约,则它将正常工作。如果我从大约单击到除主页以外的任何其他选项,则它将无法正常工作。看来,主播是唯一的工作对象。有什么想法吗?
编辑:已解决
答案 0 :(得分:1)
JQuery不起作用,因为在您的情况下,offset()似乎是相对于屏幕坐标的。不过不要担心。滚动还有一个更简单的解决方案。
body {
scroll-behavior: smooth;
}
将此内容放入CSS中,浏览器将为您动画化滚动。
只需确保检查浏览器支持:https://caniuse.com/#feat=css-scroll-behavior