javascript - 浏览器中的假滚动条

Question

我想为用户提供滚动浏览内容的体验，但我想动态加载内容，以便他们查看区域中的内容符合他们的预期，但没有数据高于或低于它们看着。出于性能原因，我不想加载该数据。因此，当他们向下滚动时，新数据会加载到他们的 View 中，而之前在他们 View 中的数据将被丢弃。向上滚动时也是如此。滚动条应该代表它们在整个内容中的位置，所以使用“无限滚动”或“延迟加载”看起来不像我需要的。

我的解决方案可能是我需要重新设计一些东西。截至目前，我的元素是一个十六进制查看器，允许您将二进制文件拖放到它上面。我为每个字节创建 html 元素。当您最终得到一个 1MB 的文件(超过 1,000,000 个 DOM 元素)时，这会导致性能问题。一种解决方案是不使用 DOM 元素/字节，但我认为这会使其他功能更难，所以我不想一次显示尽可能多的 DOM 元素。

Answer 1

做一个div，设置overflow为scroll或者auto。当用户滚动时，您可以更改 div 的内容。您可以查看 yahoo mail(基于 JavaScript 的邮件)，看看他们是如何做到的(他们会在您滚动时添加包含电子邮件的行)。

您不一定需要自定义滚动条。

您可以在此处查找一些自定义滚动条的代码: http://www.java2s.com/Code/JavaScript/GUI-Components/Scrolltextwithcustomscollbar.htm

或在这里: http://www.dyn-web.com/code/scroll/