Jquery Full Calendar Remove Scroll Bar

Question

I Have the jquery full calendar in use, but im trying to get rid of the scroll bar. Ive tried setting the height, does not work.

Anyone have a fix (that they have used!, no links- I've tried most of them)?

I'm using:

$('#calendar').fullCalendar({
        firstDay: 1,
        minTime:@Model.MinHour,
       maxTime:@Model.MaxHour})

Page is big enough, just cant get the darn thing to go!

Answer 1

Try this https://fullcalendar.io/docs/contentHeight contentHeight:"auto", is used for remove scroll bar

<script>

        jQuery('#calendar').fullCalendar({
         header: {
            left: 'prev',
            center: 'title',
            right: 'next'
        },
        defaultView: 'month',
        showNonCurrentDates:false,
        fixedWeekCount:false,
        contentHeight:"auto",
        handleWindowResize:true,
        themeSystem:'bootstrap3',

    });
</script>

Answer 2

I set height and contentHeight to the same value and it seems to have done the trick.

css:

#calendar {
   height:1000px;
}

js:

var calHeight = 1000;

$('#calendar').fullCalendar({
    height:calHeight,
    contentHeight:calHeight
});

Edit:

I found on refresh between views, caused it to show scroll when I don't want it to. Added this:

.fc-scroller {
   overflow-y: hidden !important;
}

Answer 3

As of version 2.1.0 height option can be set to 'auto'

https://fullcalendar.io/docs/display/height/

This will remove the vertical scrollbar