如何在HTML中将延迟加载效果到整页

Question

我正在尝试为我的网站提供延迟加载效果。

在这里，我的网站由一个长页面组成，有5个部分。在这里，为了用户体验，我需要在用户滚动我的网站时加载这些部分，然后只需要将这些部分加载到我的主页。

注意：在我的网站上，所有数据都是静态的。

可能吗。？

我知道这是可能的。我看到一些这样的网站。

但是我不知道要实现此功能。？

建议更好的方法来做到这一点。？

Answer 1

例如，

在使用jQuery时，您可以使用如下所示的onscroll处理程序。

$(document).scroll(function() {
});

然后，此函数使用 scrollTop 来确定垂直滚动位置，并在定义的偏移量上发出 AJAX 请求以获取内容。