在完整日历上平移

  • 本文关键字:日历 fullcalendar
  • 更新时间 :
  • 英文 :


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

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

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

我尝试固定日历的宽度,例如:

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

但相反,它停止调整日历大小。我不确定如何开始解决这个问题。

主源代码中有一个<style>标签,用于定义宽度。使用 % 而不是 px 应该可以调整大小。

至于平移,我相信它是用CSS和JS完成的。这是一个示例,您可以根据需要进行更改。

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

相关内容

  • 没有找到相关文章

最新更新