Daypilot调度程序 - 垂直卷轴永远不会出现

Question

这个问题是用于Daypilot调度程序的角度实现。

似乎无论我做什么，我都无法在事件呈现的地方出现垂直的卷轴。当行比适合调度程序的行还要多，它们就会被切断并隐藏在视图中。

我已经阅读了在此处，此处和此处设置高度的文档以及此帮助主题。我已经为heightSpec属性使用了不同的设置组合，并以下结果：

• Parent100Pct-按照文档建议并填充父元素。当行比屏幕上的拟合度更大时，不会扩展，不会显示任何滚动条。
• Max-长大到我指定的固定尺寸，但是当屏幕上的行比拟合更多时，不会显示任何滚动条。
• Fixed-完全呈现我指定的高度，但又没有垂直卷轴。

我基本上已经用完了想法。我正在使用Bootstrap作为框架，我以为可能的东西可能与Daypilot玩得不好，但我找不到任何冲突。

看来我的代码应该起作用，因此我将感谢任何建议。这是我一直在使用的代码。我敢肯定，这通常是很小的东西，通常是。

标记：

<div id="page-container">
    <div id="page-wrapper">
        <div class="container-fluid controller ng-scope" ng-controller="HomeController as vm">
            <div class="row" id="main-content">
                <div class="col-md-12" id="am-main">
                    <daypilot-scheduler id="dp" config="vm.schedulerConfig" events="vm.events" publish-as="vm.scheduler"></daypilot-scheduler>
                </div>
            </div>
        </div>
    </div>
</div>

javaScript：

var minutesInDay = 60 * 24;
vm.schedulerConfig = {
    startDate: '2017-01-01',
    days: 90,
    cellDuration: minutesInDay,
    floatingEvents: false,
    floatingTimeHeaders: false,
    cellSweeping: false,
    useEventBoxes: 'Never',
    scrollDelayEvents: 0,
    timeHeaders: [
        { groupBy: 'Month', format: 'MMMM yyyy' },
        { groupBy: 'Week'},
        { groupBy: 'Day', format: 'ddd dd' }
    ],
    separators: [
        { color: 'Orange', location: new DayPilot.Date(), width: 5 }
    ],
    treeEnabled: true,
    cssClassPrefix: 'scheduler',
    widthSpec: 'Parent100Pct',
    heightSpec: 'Fixed',
    height: 500,
    durationBarVisible: false,
    weekStarts: 1
}

CSS：

#page-container, #page-wrapper {
    height: 100% !important;
}
#main-content {
    height: 100%;
}
#am-main {
    height: 89% !important;
}
.scheduler_cell {
    background: transparent;
    border: none;
    margin: 5px 0;
    padding: 5px;
    min-width: 10px;
}
.scheduler_default_divider_horizontal {
    background-color: white !important;
}
.scheduler_default_scrollable {
    overflow-y: hidden !important;
    font-family: 'Roboto', sans-serif !important;
}
.scheduler_default_rowheader_scroll, .scheduler_rowheader, .scheduler_corner {
    width: 150px !important;
}
.scheduler_event_inner {
    border-right: 0.5px solid black;
}
.scheduler_timeheadergroup, .scheduler_timeheadercol {
    border: thin solid white;
}
.scheduler_timeheadergroup_inner, .scheduler_timeheadercol_inner, scheduler_timeheader_float_inner {
    padding: 2px 0 0 4px;
}

Answer 1

overflow-y: hidden !important;

从您发布的内容来看，CSS的线可能是原因。我猜它是在您提供的标记的父容器上。也就是说，无论您做什么，永远不要显示垂直滚动条！

尝试删除该线路，看看您拥有什么运气。