Quiero hacer la misma función de desplazamiento con este sitio web ( https://salanaru.jp/ ).
En este sitio web, solo podemos desplazarnos por los contenidos del lado derecho. incluso si intenta desplazarse por las otras partes, el contenido del lado derecho se desplaza.
Revisé la herramienta de desarrollo, pero no pude encontrar ningún código que controle la función de desplazamiento.
¿Cómo puedo encontrar el código o solucionar este problema?
position: fixed en el contenedor izquierdo y establecer un ancho (x). Use padding-left: x en el contenedor derecho.
body { background-color: blue; } .left { background-color: red; bottom: 0; left: 0; position: fixed; top: 0; width: 70vw; } .right { padding-left: 70vw; } <div class="left">Fixed Content</div> <div class="right"> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> <p>Scrolly Content</p> </div>