javascript上的虚拟滚动

Question

我使用this 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链接：Click Here