Добрый день!
Подскажите, в чем причина и как это побороть. Имеется
DIV в который "рисуется"
карта от гугла. Этот
DIV я хочу поставить
на фон страницы, для этого прописал следующие стили:
|
Код:
|
position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; |
Также на странице имеется
отцентрованный DIV с контентом у которого стили такие:
|
Код:
|
position:absolute; top: 0; left: 50%; width:960px; margin:0 0 0 -480px; z-index: 2; |
Проблема: при прокрутке страницы, карта не фиксируется на экране, а уходит с контентом на верх (не работает position:fixed). С версткой видимо всё нормально, т.к. если за место карты разместить текст, то
position:fixed работает как надо. Здесь видимо есть какая-то особенность, видимо с контентом карты гугла не работает
position:fixed. Это можно побороть без скриптов?
Скриптами это можно побороть поставив position:absolute; и прописав такой скрипт:
$(window).scroll(function(){
$('#map').css('top', $(window).scrollTop()+'px');
});
Но при этом, во время прокрутки, карта "дергается". Если нельзя решить вопрос без скриптов, то возможно подскажите как сделать чтобы со скриптом карта не дергалась?
Заранее спасибо.