сенсорные устройства (ipad, iphone) и верхний слой CSS со 100% шириной и высотой? - PullRequest
1 голос
/ 08 мая 2011

Эй, ребята, У меня есть div.mapFullscreenContainer

#mapFullscreenContainer {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

Этот div отображается, когда я прокручиваю вниз и нажимаю на кнопку. В обычных браузерах это работает просто отлично. Наложение имеет ширину 100% и высоту 100% и находится в верхней части страницы.

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

Любая идея, как я могу это исправить, чтобы он вел себя как в обычном браузере. bottom:0; вместо top:0 не имеет значения.

1 Ответ

0 голосов
/ 08 мая 2011

вы можете использовать JS для подсчета и применения общей высоты вашей страницы к этому div

http://jsfiddle.net/seler/FjeyK/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...