Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как в библиотеке fulcalendar задать нужную высоту таблице расписания? (https://javascript.ru/forum/misc/75501-kak-v-biblioteke-fulcalendar-zadat-nuzhnuyu-vysotu-tablice-raspisaniya.html)

giwuf 15.10.2018 14:08

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

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



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

contentHeight: 600


Делал так

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

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

#calendar  {
    height: 400px!important;
}

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

рони 15.10.2018 14:59

giwuf,
строка 1100 добавить
jQuery('.fc-list-view .fc-scroller').css('height', '');

Dilettante_Pro 15.10.2018 15:28

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 15.10.2018 16:10

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

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

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

giwuf 15.10.2018 16:16

Цитата:

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

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

рони 15.10.2018 16:25

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 16.10.2018 09:19

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


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