Actualmente estoy usando Locomotive Scroll con NextJS para implementar un desplazamiento suave. La aplicación web que estoy desarrollando actualmente con NextJS requiere una sección de desplazamiento fijo, pero desafortunadamente, no puedo encontrar ninguna documentación sobre cómo implementar el desplazamiento fijo.

Cuando trato de usar el fragmento de código del sitio web de desplazamiento de la locomotora, el desplazamiento en sí se desactiva. Aquí está el fragmento de código:

 <section class="c-section -fixed" data-scroll-section data-persistent> <div class="o-container" id="fixed-elements"> <div class="o-layout"> <div class="o-layout_item u-2/5@from-medium"> <div class="c-section_infos -padding" data-scroll data-scroll-sticky data-scroll-target="#fixed-elements"> <div class="c-section_infos_inner" data-scroll data-scroll-offset="200"> <h3> 04. <br /> Fixed elements </h3> <div class="c-sections_infos_text u-text"> <p> Create slides that stick and untick to the viewport while scrolling through. </p> </div> </div> </div> </div> <div class="o-layout_item u-3/5@from-medium"> <div class="c-fixed_wrapper" data-scroll data-scroll-call="dynamicBackground" data-scroll-repeat> <div class="c-fixed_target" id="fixed-target"></div> <div class="c-fixed" data-scroll data-scroll-sticky data-scroll-target="#fixed-target" style="background-image:url('dist/images/locomotive04.jpg')"></div> </div> </div> </div> </div> </section>

Realmente aprecio cualquier ayuda que pueda proporcionar.