当单个单元格中有更多事件时,Fullcalendar弹出窗口不完全可见

当单个单元格中有更多事件时,Fullcalendar弹出窗口不完全可见,fullcalendar,fullcalendar-3,Fullcalendar,Fullcalendar 3,我一直在图书馆工作 当我在一个单元格中有更多的事件时,日历弹出窗口会在页脚中出现问题。 如下图所示。 我尝试使用z-index进行修复,但没有成功 当我搜索修复程序时,我发现这个程序没有合并到主程序 我找不到一个方法,当我们可以移动弹出窗口 你能帮我解决这个问题吗。这个问题我是通过从日历中选取最近的一行并与最后一行进行比较来解决的。 如果两者相同,则仅更改弹出位置。 请让我知道,如果有任何其他好的解决方案 // If it is last row of in the calendar.

我一直在图书馆工作

当我在一个单元格中有更多的事件时,日历弹出窗口会在页脚中出现问题。 如下图所示。

我尝试使用
z-index
进行修复,但没有成功

当我搜索修复程序时,我发现这个程序没有合并到主程序

我找不到一个方法,当我们可以移动弹出窗口


你能帮我解决这个问题吗。

这个问题我是通过从日历中选取最近的一行并与最后一行进行比较来解决的。 如果两者相同,则仅更改弹出位置。 请让我知道,如果有任何其他好的解决方案

  // If it is last row of in the calendar.
        $elem.on('click', '.fc-more', function (evt) {
          var closestRow = angular.element(this).parents().closest('.fc-row.fc-week')[0];
          var lastRow = angular.element(this).parents().find('.fc-row.fc-week:last')[0];
          if (closestRow === lastRow && screen.width <= 1700) {
            var popElement = angular.element('.fc-popover.fc-more-popover');
            popElement.css({ 'top': popElement.position().top - 80 + 'px' });
          }
        });
//如果它是日历中的最后一行。
$elem.on('click','fc more',函数(evt){
var closestRow=angular.element(this.parents().closest('.fc row.fc week')[0];
var lastRow=angular.element(this.parents().find('.fc row.fc week:last')[0];

如果(closestRow===lastRow&&screen.width)z-index如何修复此处的任何内容,则z轴上没有问题…如果一个单元格中显示的事件太多,则可以使用eventLimit选项来减少这些事件。当“更多”出现时,其余事件将显示在弹出窗口中按钮被点击。我使用了事件限制,上面的弹出窗口是在点击更多按钮之后出现的。