gpt4 book ai didi

javascript - 我网站上的平滑滚动功能无法正常工作

转载 作者:行者123 更新时间:2023-11-28 14:01:59 25 4
gpt4 key购买 nike

我想让我的导航栏链接平滑滚动到他们选择的链接(目的地)。问题是它们不能正常工作。即使我点击不同的导航栏选项,它们也总是滚动到主页。例如,如果我在家开始并单击“关于”,那么它将正常工作。如果我从 about 单击到除 home 之外的任何其他选项,那么它将无法正常工作。似乎只有家庭主播在工作。有什么想法吗?

编辑:已解决

最佳答案

JQuery 不起作用,因为在您的情况下 offset() 似乎是相对于屏幕坐标的。不过别担心;有一个更简单的滚动解决方案。

body {
scroll-behavior: smooth;
}

将其放入您的 CSS 中,浏览器将为您设置滚动动画。

一定要检查浏览器支持:https://caniuse.com/#feat=css-scroll-behavior

关于javascript - 我网站上的平滑滚动功能无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57583777/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com