如何使用fullcalendar调度程序水平滚动内容?

时间:2016-09-12 19:32:59

标签: fullcalendar fullcalendar-scheduler

使用调度程序的高度自定义版本,我收到的报告显示用户无法确定如何水平滚动。我想这是因为滚动条位于日程安排的底部,在Mac OS上,如果用户有触控板,它可能会被隐藏。

我的日程安排功能类似于this one减去垂直滚动。如果您使用的是Apple笔记本电脑并且仅使用触控板,则可能根本看不到滚动条。如果滚动条可见,它会隐藏在页面的折叠下。

理想情况下,我会在时间附近放置箭头,以便用户可以向左或向右单击,该视图将向左或向右滚动。我一直无法想出一种方法,可以在调度程序的任何部分上以编程方式调用$ .animate({scrollLeft:...})并滚动事件为的内容和标题时间是。

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

我知道如何将日程安排内容(事件)和时间线相互同步?

如果你可以告诉我如何确保我只将容器移到它的最后,你可以获得互联网积分。 (即如果当天的时间表在晚上10点结束,请不要让我将偏移量改为晚上10点以外的地方)

1 个答案:

答案 0 :(得分:0)

  

有什么想法可以使时间表内容(事件)和时间线相互同步吗?

要进入视图的开头:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

要滚动到视图的末尾,您可以执行以下操作:

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