当我到达页面底部时，我想在我的网站中加载更多图片。我使用 php 和 postgresql 作为我的数据库。
对于这篇文章，我只是加载了一些文本而不是图像。我可以为它编写等效的代码。
所以目前，我在页面底部使用button，按下它会重新加载页面并为您提供更多图片（我一次显示 50 张图片）。
但是它有两个问题，一个是用户必须一次又一次地按下按钮，而我希望它自动发生。
第二个问题是，当加载新图像时，以前的图像就会消失。我不想发生。例如，如果当前存在 1-50 个图像，我的页面稍后会将其更改为 51-100，而我希望它具有全部 1-100。我无法解决这个问题。
请帮忙。谢谢！
【问题讨论】：
您正在寻找的内容通常被称为“无限滚动分页”，而您所要求的是技术上可能仅使用 PHP 这将是一个可怕 用户体验，因为每次重新加载都会将用户带到顶部，并且他们必须不断地不断滚动，才能到达他们之前所在的位置。
或者，使用 JavaScript 处理此问题，例如：https://infinite-scroll.com/demo/full-page。
进行简单的 Google 搜索会发现 JavaScript 和 JQuery 插件有很多选项可以实现这一目标。
另一种方法，无需插件即可实现此问题的答案：infinite-scroll jquery plugin
当到达页面底部时，只需以 AJAX 请求的形式调用您的 PHP 代码并附加您的新结果。 （这也可以使用 vanilla javascript 轻松实现）。
希望这会有所帮助。
【讨论】：