我正在扩展一个日程安排应用程序,该应用程序在agendaDayView中显示多个完整日历,以显示多人的当天日程安排。 让每个完整日历使用自己的滚动条被拒绝;因此,所有日历都以全长显示,并在周围的div 中设置了一个滚动条。
现在的问题是在垂直滚动期间使标题保持固定。 扩展标题功能还有其他要求(附加数据、图标、链接等),因此在每个 Fullcalendardiv 上方制作自己的标题对我来说更有意义。
使用 CSS 并正确放置div,我能够让日历与标题分开垂直滚动,从而实现"固定标题"效果。 然后问题是水平滚动:如果我让div 水平向外延伸,那么包含日历的div 的垂直滚动条一直向右,超出可见性。
我还尝试了固定标题的插件,方法是使用带有任意文本的标题,然后将 Fullcalendardiv 放在单行的元素中。 这些都以不同的方式失败(隐藏日历,重新打印标题,其他方式)。
这是基本设置:http://jsfiddle.net/jzqJC/。 我正在寻找一些方向,如何让主要内容区域具有 (1) 根据需要同时具有垂直和水平滚动条,(2) 在垂直滚动时保持列标题固定,以及 (3) 同步列标题的水平滚动和它们下面的日历。 我花了几天时间根据stackoverflow和谷歌搜索进行修补和尝试,但我不知所措,需要帮助。 请指教。
[附带问题:如何在小提琴中链接到fullcalendar.min.js? 我是否需要文件的公共 URL 并将其添加为资源? 如果是这样,将该文件放在公共 URL 中的最佳方法是什么?
谢谢
J
我创建了这个小提琴,看看它是否是你要找的:http://jsfiddle.net/7NgUB/
我将 .headerItem,.calendarItem 显示更改为内联,#headerRow,#calendarRow 位置在 CSS 中更改为绝对位置。
然后一切都用jquery完成:
分配 #headerRow,#calendarRow 宽度为其子项的总宽度,将顶部位置设置为显示在 #headerRow 下方 #calendarRow,每次滚动 #headerRow #content 时更改顶部位置