平滑滚动接下来/链接不起作用

Question

我正在使用下一个/链接，但平滑滚动不起作用，但是当我使用锚标记时，它可以正常工作，而使用锚标记页面正在重新加载，但只要路径发生变化，下一个/链接就不会加载页面

Css

html {
  scroll-behavior: smooth;
}

index.js

{
navItems.map((item, index) => (
    <Link key={index} href={item.href} passHref legacyBehavior>
          <a className="w-full px-4 py-4 -ml-4 text-gray-500 rounded-md dark:text-gray-300 hover:text-gradient focus:text-gradient focus:bg-indigo-100 dark:focus:bg-gray-800 focus:outline-none dark:focus:bg-neutral-700"
              aria-label="Toggle Menu"
              onClick={handleOpen}
           >
              {item.name}
           </a>
     </Link>
))}

需要使用下一个/链接平滑滚动

Answer 1

要解决此问题，您必须在 CSS 中添加 important，它将解决此问题。

html {
  scroll-behavior: smooth !important;
}