在页面顶部插入内容而不滚动

Question

有没有一种方法可以在网页的开头插入内容，而不会导致页面给人一种向上滚动的印象。

我正在尝试实现类似无限滚动的功能，但我需要能够无限向上和向下滚动（我也在另一端卸载内容，以便滚动条不会变得无限小，应用程序不占用太多内存）。

我很高兴使用 javascript，我宁愿不使用库（我试图保持比这更轻的重量）。

有任何想法吗？

Answer 1

一种可能的想法是完全绕过滚动机制并自行完成。

基本上，用 定位每个元素display: fixed。然后，您可以使用负位置加载屏幕上方的元素。

您必须同步文档的高度（只需添加空白），以便文档滚动条正确。然后，捕获滚动事件并调整页面内所有元素的固定位置。

我不确定它会有多顺利，但我相当确定您可以获得您想要的效果。