Sustituto de la barra de desplazamiento para áreas móviles - con pestañas

Question

Así que tengo áreas con pestañas dentro de un sitio que estoy desarrollando, debido a mi diseño, necesito mantener todas mis áreas con pestañas teniendo la misma altura. Al principio pensé: "Oh, genial, lo haré display: scroll; y tener una barra de desplazamiento ".

Pero realmente no quiero tener esto para dispositivos móviles. ¿Alguien podría sugerir una solución amigable para móviles para mi problema de tener contenido de desplazamiento dentro de una altura de área con pestañas fija en dispositivos móviles? ¿O tal vez solo habilitar el desplazamiento táctil con barra de desplazamiento?

Answer 1

Desarrollé un sitio web móvil hace un tiempo y pasé un tiempo tratando de obtener áreas desplazables dentro de la página. Pero finalmente me di cuenta de que no era muy fácil de usar. Quería que la gente pudiera usar mi sitio con solo su pulgar, para que pudieran usarlo con una sola mano. Creo que tener pequeñas áreas desplazables dentro de un sitio web móvil (es decir, pantalla pequeña) no es una gran experiencia de usuario.

¡Lo que terminé haciendo fue dejar que el navegador lidie con el desplazamiento y resultó que hizo un gran trabajo!

Un posible enfoque que pueda adoptar sería hacer una página en sus pestañas, de manera similar a la forma en que funciona la App Store de Apple en dispositivos móviles. De esa manera, no necesitaría preocuparse de que el usuario tenga que desplazarse de regreso a la parte superior para cambiar a otras pestañas.

Answer 2

¿Funcionaría la opción JQM ScrollView?

• http://jquerymobile.com/test/experiments/scrollview