Как в библиотеке fulcalendar задать нужную высоту таблице расписания?

[giwuf]

Есть сайт на котором выводится расписание с помощью библиотеки fullcalendar.

Подскажите, пожалуйста, как можно избавиться от пустой области, а на мобильном разрешении от вертикального скролла в таблице.



Что только уже не предпринимал:
Выставлял в настройках height и contentHeight в auto и прописывал значение:

contentHeight: 600

Делал так

$('.fc-list-view .fc-scroller').css('height', 'auto');

Задавал принудительно стили:

#calendar  {
    height: 400px!important;
}

Не помогает..

[рони]

giwuf,
строка 1100 добавить

jQuery('.fc-list-view .fc-scroller').css('height', '');

[Dilettante_Pro]

giwuf,
Если на вашем сайте из строки
<div class="fc-scroller" style="overflow: hidden auto; height:778px;">

убрать height:778px;, то все выглядит нормально.

Попробуйте в конце своего скрипта инициализации календаря поставить

},
	   	timeFormat: 'H:mm' // uppercase H for 24-hour clock
   	});
$('#calendar').fullCalendar('option', 'contentHeight', 'auto');

});
</script>

Пробовал из консоли -

jQuery('#calendar').fullCalendar('option', 'contentHeight', 400);

срабатывает, на auto говорит undefined

[giwuf]

рони,
спасибо огромное! Как всегда на высоте!
В редериге высоту сбросить я как-то не подумал.

Может быть у вас есть идеи почему на мобилке таблицу сразу загружает нормально, а после пролистывания на следующий блок и возвращении снова на таблицу - блок ограничивается и появляется теперь вертикальный скролл справа?

Интересно, что при пролистывании по аналогии на десктопе в мобильном разрешении в консоли - такого эффекта не наблюдаю. Глюк самой библиотеки?

[giwuf]

Попробуйте в конце своего скрипта инициализации календаря поставить

Dilettante_Pro,
для десктопа ответ рони решил проблему, но остался еще глюк на мобильной версии

[рони]

giwuf,
замените строку 1100 на такой танец с бубнами, по уму надо смотреть документацию на календарь

var timer;
   jQuery(window).on("load resize", function() {
       window.clearTimeout(timer);
       timer = window.setTimeout(function() {
        jQuery('.fc-list-view .fc-scroller').css('height', '');
}, 250)

})

[giwuf]

Спасибо, рони. Да, таймаут помогает сохранять высоту, но появляются неприятные глазу дергания страницы. Пожалуй, оставлю вариант со скроллом.