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 link：Click Here

javascript 上的虚拟滚动

Virtual scrolling on javascript

javascript

virtualscroll