¿cómo puedo obtener el valor de webkit-column-count y la página actual o ID de columna?

Estoy desarrollando aplicaciones usando webview en android. Estoy cargando una página en webview y dividiendo varias columnas dinámicamente usando la propiedad webkit de CSS3. una vez que el usuario alcance la última página / columna tengo que mostrar el cuadro de diálogo de confirmación de TOC. ¿alguien puede aconsejarme cómo hacer eso?

height:600px; -webkit-column-width:600px; -webkit-column-count:auto; 

¿Cómo se configura el diálogo de confirmación de TOC?

Una solución posible podría ser usar el selector nth-last-of-type (N) para seleccionar el último elemento de página / columna http://reference.sitepoint.com/css/pseudoclass-nthlastoftype .

Trate de poner un pequeño elemento al final del texto, y luego esperar a que aparezca en la pantalla. Se hace fácilmente usando jQuery con jquery-appear .

Yo bifurcaba jsfiddle de @ visualidiot para crear un ejemplo usando dichas técnicas. No lo han probado usando jQuery Mobile sin embargo.

  • Puse un elemento <span> al final del texto. El span se flota a la derecha para asegurarse de que (la mayor parte) de la última columna se muestra. En este ejemplo, el <span> no está vacío (y muy visible), pero sería mejor si estuviera vacío.
  • El diálogo javascript confirm() atornilla el desplazamiento un poco bloqueando el foco del ratón en el deslizador de desplazamiento (probado en Chrome 16 en Windows). Mostrar un diálogo de confirmación en HTML no.
  • Dado que .appear() funciona para el desplazamiento vertical también, esto se degrada muy bien cuando no se tiene -webkit-column-* disponible (probado con IE9).

Obtenga el ancho total de su elemento y divídelo por el ancho de una sola columna. Aquí hay un ejemplo: http://jsfiddle.net/Ecp9M/

  • Seleccione el estilo de la caja en Android 2.3 diferente de Android 4.2
  • Android 4.0.1 rompe el almacenamiento local HTML 5 de WebView?
  • Layout borroso / de baja calidad cuando jQuery móvil en android usando phonegap
  • ERROR: Intentando llamar a cordova.exec () antes de 'deviceready'. Postergación
  • Aplicación móvil de JQuery comportamiento extraño
  • Soporte de iframe en móviles
  • JQuery-mobile transitions judder en Android
  • Desplazamientos de encabezados fijos en jquery mobile
  • ¿Deshabilitar las superposiciones de entrada del navegador de Android?
  • <Select> no funciona en la aplicación Phonegap en Android 2.3.3
  • Duplicado de animación después de la actualización a Android Jelly Beans
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.