<div id="timetable-scroll-content" style="overflow-y: scroll; height: 100vh;{{#if isiOS}} -webkit-overflow-scrolling: touch;{{/if}}{{#if isWindows}} -ms-overflow-style: none;{{/if}}">
    <div id="timetable-content">
        <div id="scroll-up-area" style="display: block;">
            <div id="scroll-up-btn" class="rwth-blue btn-floating btn-large" style="margin: 0px auto 0px auto; display: block;"><i class="material-icons">keyboard_arrow_up</i></div>
            <div id="loading-up" style="margin: 0px auto 0px auto; display: block;"></div>
        </div>
        <div id="week_body">
            {{{timetableHtml}}}
        </div>
        <div id="scroll-down-area" style="display: block; margin-top: 25px;">
            <div id="scroll-down-btn" class="rwth-blue btn btn-floating btn-large" style="margin: 0px auto 0px auto; display: block;"><i class="material-icons">keyboard_arrow_down</i></div>
            <div id="loading-down" style="margin: 0px auto 0px auto; display: block;"></div>
        </div>
    </div>
</div>
