在我的Next.js应用程序中，我遇到了一个问题，那就是使用TailWind CSS实现流畅的滚动.这种流畅的滚动功能在移动浏览器上的效果与预期不谋而合，但似乎并不适用于Chrome和Edge等桌面浏览器.
我遵循了有关滚动行为(https://tailwindcss.com/docs/scroll-behavior)的TailWind CSS文档，并按照建议将scroll-Smooth类应用于layout.tsx文件中的html标记.然而，尽管try 了各种解决方案，但平滑的滚动只在移动设备上有效.
以下是我的layout.tsx文件中的一段代码:
// layout.tsx
<html className="scroll-smooth">
{/* ... */}
</html>
我还try 将！Scroll-Smooth类与！重要规则一起使用，但似乎没有什么不同:
// layout.tsx
<html className="!scroll-smooth">
{/* ... */}
</html>
我已经确保我测试的浏览器(Chrome和Edge)是最新的，而且我没有发现任何可能导致该问题的JavaScript干扰.
如果任何人遇到了类似的问题，或者有关于如何排除故障和解决问题的建议，我将非常感谢您的帮助.谢谢!