En mi aplicación NextJS, tengo una /home página de inicio en la que necesito que se oculte el desbordamiento x e y. Sin embargo, tengo otra página de /books en la que necesito que el usuario pueda desplazarse. Sin embargo, como solo hay una hoja de estilo global en Siguiente y los selectores css globales como body no están permitidos en los módulos css, no pude encontrar una manera de evitar esto. ¿Algunas ideas?
¡Hecho! Simplemente inserte lo siguiente en el componente:
<style global jsx>{` html, body { overflow: hidden; } `}</style>Ya dio la respuesta general correcta sobre cómo agregar hojas de estilo globales desde una página o componente específico. Sin embargo, para este caso específico de ocultar la barra de desplazamiento en la aplicación React, puedo sugerirle que eche un vistazo a useLockBodyScroll del paquete react-use .
https://github.com/streamich/react-use/blob/master/docs/useLockBodyScroll.md