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

标签 javascript jquery html css smoothing

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

编辑:已解决

最佳答案

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

body {
    scroll-behavior: smooth;
}

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

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

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

相关文章:

javascript - Bootstrap 导航栏 : Is there a way to disable a few menu items even the parent for certain pages?

javascript - 如何使用我的 JS 变量作为数组键?

javascript - 无法从 JSON 获取 URL,当我尝试时它显示未定义。有什么建议吗?

html - 防止/解决浏览器将行之间的 '\n' 转换为空格(对于中文字符)

javascript - 如何通过jspdf将单个图像放置在多个页面上?

html - 左、中、右对齐具有 flex 和不同宽度的元素

javascript - Dojo Filtering选择负载数据

javascript - 如何确保 _gaq.push() 正常工作?

javascript - 不能用的JS函数有什么理由给它取个名字?

javascript - IE 不清除选择值