Как я могу прокручивать контент по горизонтали с помощью планировщика fullcalendar?

Используя сильно настроенную версию планировщика, я получаю отчеты о том, что пользователи не могут понять, как прокручивать по горизонтали. Я предполагаю, что это потому, что полоса прокрутки находится внизу расписания, а в Mac OS она потенциально скрыта, если у пользователя есть трекпад.

Мое расписание работает аналогично этому, за исключением вертикальной прокрутки. . Если вы работаете на ноутбуке Apple и используете только трекпад, скорее всего, вы вообще не увидите полосу прокрутки. Если полоса прокрутки видна, она скрыта под сгибом страницы.

В идеале у меня были бы стрелки рядом со временем, чтобы пользователи могли щелкать влево или вправо, и это представление прокручивалось бы влево или вправо. Мне не удалось найти способ программно вызвать $.animate({ scrollLeft: ... }) в любой части планировщика и прокрутить как содержимое, где события , так и заголовок, где времена есть.

Похоже, я могу получить и установить положение хотя бы временной шкалы с помощью $( '.fc-time-area .fc-content table' ).offset(), но это не приведет к перемещению содержимого самого расписания.

Любая идея, как я могу синхронизировать содержимое расписания (события) и временную шкалу друг с другом?

Бонусные интернет-очки, если вы можете сказать мне, как я могу убедиться, что я переместил бы контейнер только до конца. (т. е. если расписание на этот день заканчивается в 22:00, не позволяйте мне изменять смещение на что-то большее, чем 22:00)


person imjared    schedule 12.09.2016    source источник
comment
Вы пробовали что-то? У вас есть код, чтобы показать нам?   -  person RPichioli    schedule 12.09.2016
comment
@RPichioli Вы видели ту часть, где я сказал. Похоже, я могу получить и установить положение хотя бы временной шкалы с помощью $( '.fc-time-area .fc-content table' ).offset(), но это сработало' t перемещать содержимое самого расписания. или вы просто сказали это, когда не увидели значительный блок кода. Я буду рад предоставить дополнительную информацию, если вы придумаете что-то еще, что могло бы прояснить ситуацию, но из-за размера календаря и кода вокруг него немного сложно создать намного больше сокращенного тестового примера.   -  person imjared    schedule 12.09.2016
comment
Я видел это. Но просто селектор jQuery, работающий со смещением, не дает мне видения того, что вы пробовали, и сценария. Попробуйте прочитать что-нибудь здесь: stackoverflow.com/help/how-to-ask Включите достаточно кода, чтобы другие чтобы воспроизвести проблему.   -  person RPichioli    schedule 12.09.2016


Ответы (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);
person makore    schedule 30.09.2018