como el título dice que tengo el problema de que el contenido se oculte mientras se desplaza/arrastra el contenido al usar la propiedad CSS -webkit-overflow-scrolling: touch
.Usando '-webkit-overflow-scrolling: toque' oculta el contenido mientras se desplaza/arrastra
Para una comprensión básica, aquí es mi marcado
<div class="page">
<div class="section_title">Title</div>
<div class="items">
<div class="item">...Text and Image...</div>
<div class="item">...Text and Image...</div>
<div class="item">...Text and Image...</div>
</div>
<div class="section_title">Title</div>
<div class="items">
<div class="item">...Text and Image...</div>
<div class="item">...Text and Image...</div>
<div class="item">...Text and Image...</div>
</div>
</div>
Y el CSS:
.page {
width: 320px;
height: 366px;
overflow: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
El código en sí funciona bien, puedo desplazarse por el contenido, sino todo lo que está dentro de un elementos div get está oculto mientras estoy desplazándome/arrastrando. ¿Alguien se encontró con este problema y lo resolvió o es solo el comportamiento estándar de Mobile Safari para guardar la memoria y no hay nada que podamos hacer al respecto?
Cualquier ayuda es apreciada :-)
¡Funcionó! Gracias mil veces :-) –
Este tipo de mi día, gracias! –
Funcionó como un encanto para mí también, gracias. – abettermap