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