在使用 vxe-gantt 制作甘特图时,将 options 内容里面的高度设置为 height:100%;时,滚动条不能正确反应高度距离。

试了将如下方法皆无效:

  • 父元素设置为固定高度
  • 所有父元素如果使用的是拉伸 flex/grid 时,设置 min-height: 0;
  • 用 nextTick 保证在所有页面元素之后渲染

最后,解决办法:

  • .vxe-gantt--gantt-container 按如下设置:

    ::v-deep .vxe-gantt--gantt-container {
      height: 100% !important;
    }