Tengo un elemento que se supone que es pegajoso cuando se desplaza. ¿Cómo puedo ocultar este elemento fijo y el desplazamiento horizontal en el móvil? ¿Qué estoy haciendo mal y tengo desplazamiento horizontal en el iPhone en primer lugar?
Gracias.
.sticky-sidebar { position: -webkit-sticky; position: sticky; top: 12%; } .sticky-sidebar { position: -webkit-sticky; position: sticky; top: 12%; }
<div class="container"> <div class="row"> <div class="col-md-6 align-self-start sticky-sidebar"> <h2 class="text-light landing-heading d-inline">What we do</h2> <img src="https://via.placeholder.com/100" alt="image" /> <p>This is sticky!</p> </div>
Uno de mis elementos tenía el mal acolchado. Se corrigió el relleno y el desplazamiento horizontal desapareció. Eliminé overflow-x
porque ahora no necesito que todo funcionara a la perfección.