Блок высотой в 100% экрана
Всем привет!
У меня на сайте скрипт формирует блок в 100% экрана, выглядит он так: <script type="text/javascript"> function setHeiHeight() { $('.one_screen').css({ height: $(window).height() + 'px' }); } setHeiHeight(); $(window).resize( setHeiHeight ); </script> Подскажите пожалуйста, как сделать, чтобы скрипт работал только до определенной, минимальной высоты, а при ее достижении экраном, фиксировал определенную, заданную высоту. p.s. Чтобы при просмотре с мобильника в горизонтальном режиме, он не подстраивал под его высоту, а задавал определенную. Спасибо. |
Grigorii,
Так проверяйте значение $(window).height() и присваивайте либо его, либо минимум. Здесь удобно будет применить короткую запись if else через ? https://learn.javascript.ru/ifelse |
Да я не очень шарю. Покажите, как правильно прописать пожалуйста.
|
Например, если минимум = 200px
<script type="text/javascript"> function setHeiHeight() { $('.one_screen').css({ height: ($(window).height() > 200 ? $(window).height() : 200) + 'px' }); } setHeiHeight(); $(window).resize( setHeiHeight ); </script> |
Спасибо большое!
|
Часовой пояс GMT +3, время: 18:38. |