Блог

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

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

#javascript #android #css #jquery-mobile

#javascript #Android #css #jquery-мобильный

Вопрос:

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

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

Комментарии:

1. Вам необходимо предоставить информацию о вашем методе подкачки — если вы используете встроенную прокрутку переполнения, попробуйте получить значение scrollX

Ответ №1:

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

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

Ответ №2:

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

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

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

Ответ №3:

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