next js中特定页面的全局样式

Question

在我的 NextJS 应用程序中，我有一个/home页面需要隐藏 x 和 y 溢出。但是，我有另一个/books页面，我需要用户能够滚动。但是，由于 Next 中只有一个全局样式表，并且bodycss 模块中不允许使用全局 css 选择器，因此我找不到解决此问题的方法。有任何想法吗？

Answer 1

完毕！只需将以下内容插入到组件中：

<style global jsx>{`
        html,
        body {
          overflow: hidden;
        }
`}</style>