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

Question

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

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

Answer 1

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

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

Answer 2

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

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

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

Answer 3

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