Handsontable - 水平滚动条消失

时间:2017-06-08 12:03:32

标签: javascript html css handsontable

我创建了四个Handsontable实例,使用名为split.js的库在四个窗口中均匀分割。

然后我通过将容器溢出设置为auto来启用每个窗口上的滚动条。

#equipment {
  overflow: auto;
}

这会在所有GUI操作下成功显示垂直位置的滚动条。

但是,水平滚动条有点多了。具体地说,在窗户的初始加载时,水平滚动条无处可见。但是在拖动split.js排水沟时,滚动条会再次神奇地出现!但是当点击容器内的指针时,水平滚动条再次消失(到指针的底部)。见下图。 Buggy Horizontal Scroll Bars

我还创造了一个显示这个问题的小提琴。

https://jsfiddle.net/JoshAdams/4p8jLcnk/

所以我的问题是如何在所有情况下始终显示水平滚动条?

1 个答案:

答案 0 :(得分:2)

overflow:auto位于高度高于其父级的元素上。父级具有overflow:hidden,因此子元素的水平滚动在视图中隐藏。我不确定你是否想要悬停滚动条,所以我已经将它添加到CSS但是注释掉了。这是一个更新的小提琴。

https://jsfiddle.net/4p8jLcnk/9/