我如何滚动内容水平与全日历调度程序

Question

使用高度定制的调度器版本时，我得到报告说，用户在弄清楚如何水平滚动时遇到了麻烦。我想这是因为滚动条位于日程表的底部，而在Mac OS上，如果用户有触控板，它可能会被隐藏。

我的日程表的功能类似于这个减去垂直滚动条。如果你用的是苹果笔记本电脑，而且只使用触控板，那么你可能根本看不到滚动条。如果滚动条是可见的，它被隐藏在页面的折叠。

理想情况下，我应该在时间附近有箭头，这样用户可以向左或向右单击，视图将向左或向右滚动。我一直无法找出一种方法来编程调用$。动画({scrollLeft:…})，滚动事件的内容和时间的标题。

看起来我可以使用$( '.fc-time-area .fc-content table' ).offset()获取并设置至少时间轴的位置，但它不会移动时间表本身的内容。

任何想法我可以移动日程内容(事件)和时间轴在彼此同步?

如果你能告诉我如何才能确保我只移动容器到它的末端，奖励互联网点。(例如，如果当天的日程安排在晚上10点结束，请不要允许我将偏移量更改为晚上10点以后的偏移量)

Answer 1

任何想法我可以移动日程内容(事件)和时间轴在彼此同步?

进入视图的开头:

$('.fc-body .fc-time-area .fc-scroller').scrollLeft(0);

对于滚动到视图的末尾，您可以执行以下操作:

var scroller = $('.fc-body .fc-time-area .fc-scroller');
var scrollWidth = scroller[0].scrollWidth;
scroller.scrollLeft(scrollWidth);