Проблема с jQuery JScrollPane / конфликт с Google Maps в Safari

#jquery #google-maps #safari #jscrollpane #jquery-jscrollpane

#jquery #google-карты #safari #jscrollpane #jquery-jscrollpane

Вопрос:

Кажется, я столкнулся со странной ошибкой / конфликтом между JScrollPane и Google Maps (v3) при просмотре в Safari.

Проблема в том, что если у меня есть элемент LI внутри моей панели прокрутки, для которого установлено значение display:block, а также карта Google на странице, элемент LI не прокручивается вместе с остальным содержимым. Удаление или простое скрытие карты Google на странице устраняет проблему с прокруткой.

Я построил здесь тестовый пример. http://www.incontrolsolutions.com/scroll/stackoverflow.html

Эта страница корректно работает в FF, Chrome (гладко, как масло!) и даже в IE9

Но Safari (включая ночные сборки webkit вплоть до сегодняшнего дня) захлебывается.

Мы высоко ценим любое представление о том, что может быть причиной этого, или возможные обходные пути.

1. Большое спасибо за публикацию этой демонстрации в комплекте с кнопкой скрыть / показать и всем остальным. Однако я не могу воспроизвести вашу проблему в Safari ни на Mac, ни на Windows. Ваша демонстрация отлично работает для меня в Safari — все прокручивается, как ожидалось, независимо от того, что я делаю. Не уверен, что сказать вам помимо этого…

2. Спасибо, Тротт, как странно. На какой версии Safari вы тестировали?

3. Safari 3.2.3 в Windows и 5.0.5 в Mac OS X. (Устанавливаю Safari 5.0.5 для Windows прямо сейчас, чтобы я мог протестировать с этим …)

4. У меня тоже отлично работает в 5.0.5 в Windows.

5. Хорошо, я опубликовал перемещение того, что я вижу. incontrolsolutions.com/scroll/scroll.mov Кажется, что проблема усугубляется при использовании колеса прокрутки, при нажатии и перетаскивании маркера прокрутки..

Ответ №1:

Хороший вопрос и отличная демонстрация. Я могу воспроизвести в Safari 5.0.5 на Snow Leopard, и это действительно странное поведение.

Я понятия не имею, что является причиной проблемы, но, похоже, вы можете обойти это, добавив z-index: 999; в правило CSS для #RS_MapListPanel . Если я внесу это изменение через веб-инспектор, тогда страница, похоже, будет вести себя правильно.