Относительное расположение в нижней части экрана проблема с Flex и различными браузерами - PullRequest
Новая
       5

Относительное расположение в нижней части экрана проблема с Flex и различными браузерами

1 голос
/ 05 июля 2010

У меня есть такой компонент flex: 

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
              ...
               width="100%"
               height="100%"
               creationComplete="init()">   
        .......
<components:NavigationBar id="nagivationBar"
                          left="0" bottom="0" />

Это должно отображаться в левом нижнем углу экрана, учитывая, что родительский контейнер заполняет экран.Описанное выше прекрасно видно с Safari с Chrome, оно показывает правильно, если панель загрузки внизу не видна, но как только панель загрузки имеет что-то, она закрывает нижнюю часть.и FireFox, кажется, всегда прячется примерно на 50 пикселей от нижней части экрана.

Кажется, что каждый браузер отображает 100% высоту по-своему.способ преодолеть это?Я могу добавить поле в 100 пикселей внизу, но это не то, что я хочу сделать в этом приложении.

Ответы [ 4 ]

1 голос
/ 13 июля 2010

Попробуйте что-то подобное в разделе <head></head> HTML-страницы, которая загружает ваше Flex-приложение: 

<style type="text/css">
    html, body{ 
        width: 100%;  /* make the body expand to fill the visible window */
        height: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        overflow: hidden;
    }

</style>

Не уверен, что это поможет в вашем случае, но это легко попробовать.

0 голосов
/ 08 июля 2010

Flex - это просто флэш-компонент на веб-странице. Его размер зависит от того, что находится за пределами прогиба. Я не думаю, что вы получите правильный ответ, если не разместите HTML / JS-код, окружающий приложение Flex.

PS. Из моего опыта работы с браузером высота может быть очень хлопотно.

0 голосов
/ 12 июля 2010

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

0 голосов
/ 05 июля 2010

Вы можете обернуть вывод в содержащий <div>, затем с помощью getClientRegion YUI и события resize для хорошей меры установить свойство CSS высоты содержащего div на значение, которое YUI определило доступнымвертикальное пространство области просмотра.

Извините, решение не для Flex, но оно будет работать.

Редактировать: я имел в виду getViewportHeight (), а не getClientRegion ()извините, посмотрите документацию APi, там есть много вкусностей для такого рода вещей.

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

Нет похожих вопросов

...