在FullCalendar上平移

时间:2013-09-25 17:14:21

标签: fullcalendar

我正在使用http://arshaw.com/fullcalendar/ FullCalendar来显示项目中的事件。

除非我尝试在日历中设置宽度以实现平移功能,否则一切正常。

基本上,我想在PC上显示完整尺寸的fullcalendar(使用agendaWeek),如果我切换到平板电脑或重新调整浏览器的大小,我希望日历重新调整大小到500px或600px,然后它应该裁剪ie溢出-x隐藏,以便我可以平移以查看事件。

我尝试修改日历的宽度,如:

<div id="calendar" style="width: 750px; overflow: hidden;">
</div>

但是它停止了重新调整日历的大小。我不知道如何开始解决这个问题。

1 个答案:

答案 0 :(得分:0)

主源代码中有一个<style>标记,用于定义宽度。使用%而不是px应该进行调整大小的技巧。

至于平移,我相信它是用CSS和JS完成的。这是一个例子,你可以根据需要改变它。

http://openlayers.org/dev/examples/pan-zoom-panels.html