到达底部时加载更多图像

时间:2019-02-22 11:40:31

标签: php html

当我到达页面底部时,我想在网站上加载更多图像。我正在使用php和postgresql作为我的数据库。

对于这篇文章,我只是加载一些文本而不是图像。我可以编写等效的代码。

因此,当前,我在页面底部使用button,按下该按钮将重新加载页面并为您提供更多图像(我一次显示50张图像)。

但是它有2个问题,一个是用户在我希望它自动发生的同时不得不一次又一次地按下按钮。

第二个是在加载新图像时,先前的图像消失了。我不想发生例如,如果当前存在1-50张图像,则我的页面稍后将其更改为51-100,而我希望它具有全部1-100。我无法解决这个问题。

请帮助。谢谢!

1 个答案:

答案 0 :(得分:2)

您正在寻找的东西通常被称为“无限滚动分页”,而您所要求的是仅使用PHP就能技术上,这将是一个糟糕 >用户体验,因为每次重新加载都会将用户带到顶部,他们将不断地不断滚动,直到到达他们之前所在的位置。

或者,使用JavaScript处理此事,例如:https://infinite-scroll.com/demo/full-page

通过简单的Google搜索,可以找到用于实现此目的的JavaScript和JQuery插件的众多选择。

另一种方法,不需要插件,您可以实现以下答案:infinite-scroll jquery plugin

到达页面底部时,以AJAX请求的形式简单地调用您的PHP代码,并附加新的结果。 (这也可以使用香草javascript轻松实现。)

希望这会有所帮助。