javascript - javascript上的虚拟滚动

Question

我使用这个 fiddle进行虚拟滚动。

我不明白如何获得真正的可滚动高度；

如果我更改行大小，它将不起作用。

如果我做小尺寸，比如200，它也不起作用。

var s = 20000000                // row size
var rh = 50;                    // row height
var th = rh * s;                // virtual height
var h =  1000000;               // real scrollable height
var ph = h / 100;               // page height
var n = Math.ceil(th / ph);     // number of pages
var vp = 400;                   // viewport height
var cj = (th - h) / (n - 1);    // "jumpiness" coefficient

Answer 1

使用$('#viewport')[0].scrollHeight它会给你一个滚动条的高度。

这是 JSfiddle 链接：点击这里