Question

我遇到问题，当dayClick功能没有在页面上触发时，滚动显示某些单元格，这对其他人来说很好。基本上它在没有滚动的页面上很好，但是在具有页面的较长内容上它会引起问题。

Answer 1

我发现有两个函数可以在网格中定义单元格位置（fullcalendar 2.5.0版本）：

＆＃39; getHorizontalIndex＆＃39;和＆＃39; getVerticalIndex＆＃39;

功能＆＃39; getVerticalIndex＆＃39;返回＆＃39; undefined＆＃39;因为鼠标是topOffset＆＃39;位置超出了＆＃39; boundingRect＆＃39;尺寸，所以深入挖掘后我发现了功能＆＃39; getScrollParent＆＃39; （第297行）负责寻找最高父母元素。

function getScrollParent(el) {
    var position = el.css('position');
    var scrollParent = el.parents().filter(function() {
        var parent = $(this);
        return (/(auto|scroll)/).test(
            parent.css('overflow') + parent.css('overflow-y') + parent.css('overflow-x')
        );
    }).eq(0);

    return position === 'fixed' || !scrollParent.length ? $(el[0].ownerDocument || document) : scrollParent;
}

并且因为在我的CSS中没有css＆溢出的元素：滚动＆＃39;或者＆溢出：auto＆＃39;我的父元素是＆＃39; html＆＃39;哪个高度被检测为没有滚动的高度。解决方案很简单 - 指定溢出：自动;＆＃39;在css中的日历元素。例如，如果您有以下代码：

<div id="mycalendar"></div>

(function(){
    $("#mycalendar").fullCalendar({});
})();

添加样式＆溢出：自动;＆＃39;为了mycalendar＆＃39;格。

Answer 2

目前的修复方法是从HTML元素中删除overflow-x: hidden。这是一个众所周知的问题：https://github.com/fullcalendar/fullcalendar/issues/3615

FullCalendar日期点击不会触发

2 个答案: