无法滚动psuedo滚动条

时间:2015-12-10 16:35:00

标签: javascript html css web

我没有任何网络开发经验,我正在尝试构建一个UI网格来显示大量数据点。

我正在尝试创建一个滚动条,以便能够滚动所有数据点(让我们说它的参数为1,000,000)并且应该能够在所有数据点上水平滚动。当滚动条适当移动时,它应该仅加载20x20数据点并延迟加载下一页。

我设法让水平滚动条显示在屏幕上,但现在我试图让它滚动。我使用fattable(https://github.com/fulmicoton/fattable)作为我的灵感。

http://jsdo.it/jpez/Q7g0

如何在单击鼠标并移动它时让我的水平滚动条实际滚动?它根本不动。

1 个答案:

答案 0 :(得分:1)

您的元素堆叠顺序不正确。将z-index: 1添加到滚动条或在滚动条之前移动.signal-viewport,如下所示:

<div class="signal-viewport">...</div>
<div class="signal-h-scrollbar">...</div>
<div class="signal-v-scrollbar">...</div>

有关z-index

的更多信息