如何使用fullcalendar scheduler水平滚动内容?

如何使用fullcalendar scheduler水平滚动内容?,fullcalendar,fullcalendar-scheduler,Fullcalendar,Fullcalendar Scheduler,使用一个高度定制的调度程序版本,我得到报告说,用户在确定如何水平滚动时遇到了问题。我想这是因为滚动条在日程表的底部,在Mac OS上,如果用户有触控板,滚动条可能会被隐藏 我的日程表功能类似于减垂直滚动。如果你使用的是苹果笔记本电脑,而且只使用触控板,你很可能根本看不到滚动条。如果滚动条可见,则隐藏在页面的折叠下面 理想情况下,我会在时间附近设置箭头,这样用户可以单击左键或右键,视图可以向左或向右滚动。我一直无法找到一种方法,可以通过编程在调度程序的任何部分上调用$.animate({scrol

使用一个高度定制的调度程序版本,我得到报告说,用户在确定如何水平滚动时遇到了问题。我想这是因为滚动条在日程表的底部,在Mac OS上,如果用户有触控板,滚动条可能会被隐藏

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

理想情况下,我会在时间附近设置箭头,这样用户可以单击左键或右键,视图可以向左或向右滚动。我一直无法找到一种方法,可以通过编程在调度程序的任何部分上调用$.animate({scrollLeft:…}),并滚动事件所在的内容和时间所在的标题

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

你知道我如何将日程内容(事件)和时间线同步吗

如果您能告诉我如何确保只将容器移动到末端,将获得额外的互联网积分。(即,如果当天的日程安排在晚上10点结束,则不允许我将偏移量更改为晚上10点以后的值)

你知道我如何将日程内容(事件)和时间线同步吗

要转到视图的开头,请执行以下操作:

$('.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);
你知道我如何将日程内容(事件)和时间线同步吗

要转到视图的开头,请执行以下操作:

$('.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);

你试过什么吗?你有什么代码可以给我们看吗?@RPichioli你有没有看到我说的“看起来我至少可以用$('.fc time area.fc content table').offset()获取并设置时间线的位置,但它不会移动时间表本身的内容。”或者你刚才说的是tl;当你看不到一个相当大的代码块时,就把它删除。我很乐意提供更多的信息,如果你能想出一些其他可以澄清的东西,但是由于日历的大小和它周围的代码,创建更多的简化测试用例有点困难。我已经看到了这一点。但仅仅是一个使用“offset”的jQuery选择器并不能让我了解您所尝试的和场景。试着在这里读一些东西:“包括足够的代码,让其他人重现问题。”你试过什么吗?你有什么代码可以给我们看吗?@RPichioli你有没有看到我说的“看起来我至少可以用$('.fc time area.fc content table').offset()获取并设置时间线的位置,但它不会移动时间表本身的内容。”或者你刚才说的是tl;当你看不到一个相当大的代码块时,就把它删除。我很乐意提供更多的信息,如果你能想出一些其他可以澄清的东西,但是由于日历的大小和它周围的代码,创建更多的简化测试用例有点困难。我已经看到了这一点。但仅仅是一个使用“offset”的jQuery选择器并不能让我了解您所尝试的和场景。试着在这里读一些东西:“包括足够的代码,允许其他人重现问题。”