Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как задать условие (https://javascript.ru/forum/jquery/40786-kak-zadat-uslovie.html)

Undecided 20.08.2013 02:54

Как задать условие
 
Здравствуйте.
Для выравнивания дива #wrapper посередине окна браузера
использую такой скрипт.



$(function() {
alignCenter($('#wrapper'));

$(window).resize(function() {
alignCenter($('#wrapper'));
})

function alignCenter(elem) {
elem.css({
left: ($(window).width() - elem.width()) / 2 + 'px',
top: ($(window).height() - elem.height()) / 2 + 'px'
})
}
})


Подсткажите, как сделать так, чтобы выравнивание по вертикали происходило только в том случае, если высота $(window).height() больше 770px.

danik.js 20.08.2013 03:49

Undecided, css, не слышал о таком?
http://jsfiddle.net/danya_postfactum/S9TR4/

Undecided 20.08.2013 14:33

Спасибо, но проблема все равно остается.
Если делать так, тогда надо при размере окна браузера по вертикали
< 770px менять bottom: 0; на bottom: auto;
Подскажите пожалуйста, как это сделать.

danik.js 20.08.2013 15:38

@media only screen and (max-height : 770px) {
    .centered{
        bottom: auto;
    }
}


Правда в IE8 не будет работать.

рони 21.08.2013 06:57

Цитата:

Сообщение от Undecided
Подсткажите, как сделать так, чтобы выравнивание по вертикали происходило только в том случае, если высота $(window).height() больше 770px.

Цитата:

Сообщение от Undecided
< 770px менять bottom: 0; на bottom: auto;
Подскажите пожалуйста, как это сделать.

:-?
elem.css({bottom: $(window).height() > 770 ? "auto" : 0})


Часовой пояс GMT +3, время: 04:30.