使滚动条在内容过大时保持可见

Question

使滚动条在内容过大时保持可见

3

我正在使用 div 创建数据网格。我需要网格中的数据在 x 方向上与标题一起滚动，这在示例中可以正常工作。我的问题是，我希望标题始终保持可见状态，因此将网格的数据放在另一个 div 中，并使用 Y 方向上的滚动条进行滚动。由于数据行比父 div 更宽，因此 Y 滚动条通常不可见。您必须向右滚动到底才能使用 Y 滚动条。有没有办法始终保持滚动条可见？我尝试过使用 css overflow 的不同选项，但似乎找不到正确的解决方案。滚动问题的工作示例

- seaBass

1

我只看到过使用JS解决这个问题，而不是纯HTML。例如，他们会在body上放置overflow scroll，在header上放置overflow: hidden。每当body滚动时，他们会设置header的margin/offset，以使两者保持同步。无论如何，我的建议是使用一个好的JS网格来代替自己编写。让它们保持同步很麻烦。 - Eli Gassert

1

你看过dataTables了吗？我上周实现了一个dataTables表格，在处理类似问题时，初始化中有一项设置或其他设置可以使其正常工作。如果你感兴趣，链接是http://www.datatables.net/。 - lukeocom

请查看以下内容：http://www.rickyh.co.uk/css-position-x-and-position-y/ - lukeocom

我认为这是一个可用性问题，需要向右滚动才能看到数据。我对水平滚动条有偏见。你能重新调整布局，让用户不必在一个小小的框中尝试查看大量数据吗？ - Jen

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zazvorniki · Accepted Answer

试一下这个，可能会起作用

html {
       overflow-x: scroll;
}