Issue 122: Scrolling Problem
Status:  Done
Owner: ----
Closed:  Oct 2009
Reported by xuz...@hotmail.com, Oct 13, 2009
I put calendar into a DIV, set the height of calendar to 400px. And the 
height of DIV is 300px. When I scroll the scrollbar, calendar's title is 
scrolling but body is staying at the same place. Below is part of source 
code.

<style type='text/css'>
    #calendar
    {
        width: 400px;
        height:400px;
        margin: 0 auto;
    }
</style>
<body>
    <a href='#' id='createTask'>Create</a>
    <div style="height:300px; width:500px; overflow:scroll ">
    <div id='calendar'>
    </div>
    </div>
    
</body>

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

untitled.bmp
784 KB   Download
Oct 13, 2009
Project Member #1 adamrs...@gmail.com
got it. i can only recreate this issue in IE6/7. i have seen this bug before. it is 
only a IE6/7 bug as i thought. it is not specific to fullcalendar, but rather any 
scrolling div in these browsers.

the fix is to add a position:relative to the div that has the scrollbars. so...

   <div style="height:300px; width:500px; overflow:scroll; position:relative ">

hope this helps
Status: Done
Oct 13, 2009
#2 xuz...@hotmail.com
Thanks for your reply, problem solved.