我网站上的平滑滚动功能无法正常工作
The smooth scrolling on my website doesn't work correctly
我想让我的导航栏 link 平滑滚动到他们选择的 link(目的地)。问题是它们不能正常工作。即使我点击不同的导航栏选项,它们也总是滚动到主页。例如,如果我在家开始并单击“关于”,那么它将正常工作。如果我从 about 单击到除 home 之外的任何其他选项,那么它将无法正常工作。似乎只有家庭主播在工作。有什么想法吗?
编辑:已解决
JQuery 不起作用,因为在您的情况下 offset() 似乎是相对于屏幕坐标的。不过别担心;有一个更简单的滚动解决方案。
body {
scroll-behavior: smooth;
}
将其放入您的 CSS 中,浏览器将为您设置滚动动画。
我想让我的导航栏 link 平滑滚动到他们选择的 link(目的地)。问题是它们不能正常工作。即使我点击不同的导航栏选项,它们也总是滚动到主页。例如,如果我在家开始并单击“关于”,那么它将正常工作。如果我从 about 单击到除 home 之外的任何其他选项,那么它将无法正常工作。似乎只有家庭主播在工作。有什么想法吗?
编辑:已解决
JQuery 不起作用,因为在您的情况下 offset() 似乎是相对于屏幕坐标的。不过别担心;有一个更简单的滚动解决方案。
body {
scroll-behavior: smooth;
}
将其放入您的 CSS 中,浏览器将为您设置滚动动画。