【发布时间】:2019-12-26 06:27:51
【问题描述】:
我想让我的导航栏链接平滑滚动到他们选择的链接(目的地)。问题是它们不能正常工作。即使我单击不同的导航栏选项,它们也总是滚动到主页。例如,如果我从家里开始并单击“关于”,那么它将正常工作。如果我从 about 点击到 home 以外的任何其他选项,那么它将无法正常工作。似乎家庭主播是唯一工作的主播。有什么想法吗?
编辑:已解决
【问题讨论】:
标签: javascript jquery html css smoothing
我想让我的导航栏链接平滑滚动到他们选择的链接(目的地)。问题是它们不能正常工作。即使我单击不同的导航栏选项,它们也总是滚动到主页。例如,如果我从家里开始并单击“关于”,那么它将正常工作。如果我从 about 点击到 home 以外的任何其他选项,那么它将无法正常工作。似乎家庭主播是唯一工作的主播。有什么想法吗?
编辑:已解决
【问题讨论】:
标签: javascript jquery html css smoothing
JQuery 不起作用,因为在您的情况下 offset() 似乎是相对于屏幕坐标的。不过不用担心;还有一个更简单的滚动解决方案。
body {
scroll-behavior: smooth;
}
把它放在你的 CSS 中,浏览器会为你设置滚动动画。
【讨论】: