Как я могу получить значение счетчика webkit-column-count и текущую страницу или идентификатор столбца?

Я разрабатываю приложение, используя webview в android. Я загружаю страницу в webview и динамически разбиваю несколько столбцов с использованием свойства web-сайта CSS3. Как только пользователь достигнет последней страницы / столбца, я должен показать диалог подтверждения TOC. Кто-нибудь может посоветовать мне, как это сделать?

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

Как настроен ваш диалог подтверждения TOC?

Одним из возможных решений может быть использование селектора nth-last-of-type (N) для выбора последнего элемента страницы / столбца http://reference.sitepoint.com/css/pseudoclass-nthlastoftype .

Попробуйте поместить небольшой элемент в конец текста, а затем дождитесь его появления на экране. Это легко сделать с помощью jQuery с jquery .

Я разработал jsfiddle @ visualidiot, чтобы создать пример, используя указанные методы. Не протестировали его, используя jQuery Mobile.

  • Я положил элемент <span> в конце текста. Пролет плавает вправо, чтобы убедиться, что отображается последний (последний). В этом примере <span> не является пустым (и очень заметным), но было бы лучше, если бы оно было просто пустым.
  • Диалоговое окно confirm() javascript немного закручивает прокрутку, блокируя фокус мыши на слайдере прокрутки (проверяется в Chrome 16 на Windows). Показывать диалог подтверждения в HTML не будет.
  • Поскольку .appear() работает и для вертикальной прокрутки, это ухудшается, когда не имеется -webkit-column-* (проверено с использованием IE9).

Получите полную ширину элемента и разделите его на ширину одного столбца. Вот пример: http://jsfiddle.net/Ecp9M/