jquery mobile splitview: проблема с поддерживаемыми экранами

Question

Привет, я использую jquery mobile и вместе с плагином splitview
http://asyraf9.github.com/jquery-mobile/
Я не мог обойтись тем, что плагин splitview был создан для работы только с экранами, удовлетворяющими следующему условию.

 var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 1.2)') || $.mobile.media('max--moz-device-pixel-ratio: 1.2)'));
 $.support.splitview = ($query || ($.mobile.browser.ie && $(this).width() >= 480)) && $.mobile.ajaxEnabled;

плагин splitview работает для всех экранов, но есть некоторые ошибки прокрутки для небольших экранов, которые не удовлетворяют вышеуказанным условиям.он не прокручивается правильно.мы не можем исправить их, вместо того, чтобы не использовать плагин splitview полностью, если эти условия не выполняются.
Есть ли особая причина, почему эти условия были соблюдены?Пожалуйста, помогите.

Answer 1

Кажется, проблема в этой строке CSS в jquery.mobile.splitview.css (строка: 75)

-webkit-overflow-scrolling:touch;

Если вы прокомментируете это, ошибки прокрутки исчезнут, но элемент ul не имеет никакого импульса.

Кажется, это специфическое правило для iOS5, позволяющее использовать собственную прокрутку импульса. Смотри http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/

CSS Fix

Так что страница прокручивается с импульсом

#search .ui-content {
 -webkit-transform: translate3d(0, 0, 0);
}

#search-list {
 position:  static;
 overflow:  scroll;
}

Где #search - идентификатор страницы, а #search list - элемент ul. Однако теперь, кажется, как будто смахивание влево и вправо стало смахивать вверх и вниз соответственно. Weird.

JS Fix (рекомендуется)

В строке 527, если jquery.mobile.splitview.js внесет изменения ниже

//if ($.support.touch && !$.support.touchOverflow) {
if($.support.touch){

Это принудительно запускает запасной код для использования iScroll.js.

Я думаю, что исправление JS работает лучше.

Примечание: это известная проблема, и здесь есть несколько советов, как ее обойти - Свойство CSS3 webkit-overflow-scrolling: коснитесь ОШИБКА