Динамическое определение высоты div с помощью jQuery

Question

Динамическое определение высоты div с помощью jQuery

0

Я занимаюсь разработкой веб-приложения с помощью Bootstrap, iangang.us swiper и leaflet.js. У меня есть nav-bar (50px) сверху и id = "swiper-area" ниже, что должно занимать "height: 100% - высота navbar". Я делаю это с помощью CSS:

#swiper-area {
height: calc (100% - 50px);
position: absolute;
top: 50px;
}

Это прекрасно работает в настольных браузерах. Но большинство мобильных браузеров (особенно Android) не могут интерпретировать CSS calc, а также испортить мою карту.

Как я могу достичь такого поведения с помощью jQuery? Спасибо за любое предложение.

Ralf Glaser 29 март 2014, в 10:44

Источник

1

почему вы не обращаете внимания на медиа-запросы ..
Vinay Pratap Singh 29 март 2014, в 09:20
0

stackoverflow.com/questions/22719602/...
adeneo 29 март 2014, в 09:21

Теги:

jquery

swiper

2 ответа

Ещё вопросы

почему вы не обращаете внимания на медиа-запросы ..

Banana · Answer 1 · 2014-03-29T06-50-00.000Z

100% - 100%. но что? Из вашего родительского узла.

Поэтому вы хотели бы сначала задать высоту родительского элемента:

$("#swiper-area").parent().height()

а затем вычесть 50 и установить его как высоту элементов ur.

В одной строке это будет:

$("#swiper-area").height( $("#swiper-area").parent().height()-50);

Sanjay · Answer 2 · 2014-03-29T08-34-00.000Z

вы можете сделать это, используя .css в jQuery, проверьте следующий код

jQuery(document).ready(function(){
   var main=jQuery("#swiper-area").height();
   var res=main-50;
  jQuery(".your_class").css("height",res)
 });

вы также можете сделать это, используя медиа-запросы

Большое спасибо, я попробую эти решения!