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

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

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

Ответы

Ответ 1

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

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

Ответ 2

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

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

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

Ответ 3

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