jQuery qTip和FullCalendar以agendaWeek为视图

Question

我正在创建一个网站，任何人都可以使用iFrame嵌入我们的日历。该日历使用的是FullCalendar和qTip。

我使用的FullCalendar默认视图为agendaWeek，问题是当我点击qtip出现的事件时，但当我向下滚动时，qtip弹出位置就像fixed 。这里很难解释jsfiddle

这是我的代码：

$("#calendar").fullCalendar({
  defaultView: 'agendaWeek',
  allDayDefault: false,
  allDaySlot: false,
  columnFormat:{
    week: 'ddd dS'
  },
  events:{
    url:"http://<?=$rootUrl;?>/studios/fetch_event_calendar_public/",
    data:{
      id:"<?=$studio_id;?>",
    }
  },
  eventRender: function(event,element,view){
   ... ... ... ..
    jQuery(element).qtip({ // Grab some elements to apply the tooltip to
      id: 'calendar',
      content: {
        text: html,
        button: 'Close',
        title: 'Event Details',
      },
      style: 'qtip-light',
      position: {
        my: 'bottom center',
        at: 'top center'
      },
      show:{
        event:'click',
      },
      hide:{
        event: 'unfocus'
      },
    });
  },
  windowResize: function( view ) {
    calendar.fullCalendar('option', 'height', $(window).height() - 40);
  }
});

所以我想要的是，当fullcalendar向下或向上滚动时，qtip的位置不应为fixed，它应该保持在事件所在的位置。

非常感谢您的帮助！谢谢！