CSS或Javascript水平表溢出解决方案

CSS or Javascript Solution to Horizontal Table Overflow

本文关键字：溢出 解决方案 水平 Javascript CSS      更新时间：2023-09-26

我有一个UI问题，我无法找到一个好的交互式解决方案。我有一个html表节点，它的数据会使表溢出正文。我需要表格基本上水平滚动并保持在主体/视点内，但我正在寻找一个更好的解决方案，而不是一个带有溢出y的糟糕滚动条。如果你知道任何不是90年代的js或css解决方案，你会得到10分。

如果没有任何你认为比"一个溢出的糟糕滚动条"更好的视觉效果，我们除了在黑暗中拍摄外，没有什么可以帮助你的。

也就是说，你所要求的正是飞越-y的意义。您希望它在被约束到容器时滚动。这就是overflow-y: scroll|auto的定义。

然后，您可以使用JavaScript库来设置滚动条的样式，这样就不会得到并不总是那么漂亮的系统滚动条。这里有一些你可以尝试：

  • jScrollPane
  • 微小滚动条
  • Slimscroll
  • CSS（仅限Webkit）
  • 更多选项，谷歌提供
相关文章：