javascript - Handsontable - 水平滚动条消失

标签 javascript html css handsontable

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

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

#equipment {
  overflow: auto;
}

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

然而,水平滚动条有更多错误。具体来说,在窗口的初始加载时,水平滚动条无处可见。但是在拖动 split.js 排水沟时,滚动条又神奇地出现了!但随后单击容器内的 handsontables 时,水平滚动条再次消失(到 handsontable 的底部)。见下图。 Buggy Horizontal Scroll Bars

我还创建了一个显示此问题的 fiddle 。

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

那么我的问题是如何让水平滚动条在上述所有情况下始终显示?

最佳答案

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

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

关于javascript - Handsontable - 水平滚动条消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44435298/

相关文章:

javascript - INVALID_STATE_ERR : DOM Exception 11

php - 使用php和mysql创建的文件夹在哪里?

html - 在 HAML 中导入 HTML 片段?

javascript - 输入时间 24h :mm format cross-browser

javascript - 如何使用 Leaflet 更新圆的半径?

javascript - 为数据库查询结果的每个结果动态创建唯一的链接或按钮

javascript - 在切换按钮单击时更改变量的值

从 Style 标签中删除 CSS 并应用于每个元素的 PHP 方法?

javascript - 在 tr 中查找 td 的方法。 (Javascript)

html - 标题标题的 IE 不兼容