拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 什么是无限滚动以及它是如何工作的?

什么是无限滚动以及它是如何工作的?

白鹭 - 2022-01-04 2240 0 0

无限滚动是许多现代网站(包括 Twitter、Facebook 和 Reddit)使用的技术。

无论您是想了解网站行为方式的用户,还是考虑使用此技术的设计师,了解无限滚动都非常重要。很重要。

今天的文章将解释无限滚动是什么,以及它的优缺点。

什么是无限滚动?

无限滚动是一种在滚动时加载更多内容的技术。它允许您无限期地滚动,有时也称为无限滚动。

Aza Raskin 在 Humanized(一家小型用户界面公司)工作时发明了这种机制。诞生于 2006 年,此后在主流网站上越来越受欢迎。

这种技术经常用于社交媒体提要,现在非常流行。它们经常变化,以便无限滚动可以方便读者。该术语指的是桌面或移动设备上的网站和应用。

什么是无限滚动及其工作原理的图片 1? 无限滚动是一种在滚动时加载更多内容的技术

无限滚动通常会取代称为分页的布局。这是一种更传统的方法,它将一个大列表分成几个小页面。这些页面通常有编号。一系列链接通常允许用户选择单个页面。

无限滚动背后的技术

无限滚动的工作方式与普通网页浏览相同。您的浏览器请求了一些内容,然后网络服务器将其发回。

主要的技术区别在于无限滚动使用 JavaScript 发送请求。作为读者,您可能没有意识到这种情况正在发生,即使内容加载速度可能更快。包括预加载在内的各种技术确实可以加快进程。

无限滚动通常会自动工作,当读者到达页面底部或靠近页面底部时加载新内容。但也有妥协。一些网站在内容底部有一个额外的加载按钮。这仍然使用注入更多内容的相同基本技术,但它改为手动工作。

什么是无限滚动及其工作原理的图片 2?

Google 就是一个有趣的例子。它在桌面上对网页结果进行分页,但在移动设备上使用手动无限滚动。它的图像结果在两种类型的设备上都是自动无限的。

无限卷轴有什么问题?

首先,在平衡某些优势方面存在工程和设计限制。它们通常是由于不完善的实现而不是无限滚动的固有缺陷。但它们还是会发生。

如果网站在重新设计期间引入了无限滚动,它可能会影响其他页面元素。例如,如果页面设计使用页脚,如果内容继续加载和推出,它可能变得无法访问。

此技术需要 JavaScript。更大的问题是它会影响打印,尤其是使用旨在打印整个页面的工具。没有人想打印 Twitter 提要的整个历史!

另一个缺点是导航。当您滚动加载其他内容,然后离开页面并返回时,会显示什么?这是更大问题的一部分。无限滚动通常会产生添加书签时效果不佳的页面。

无限滚动的社会影响如何?

除了任何技术缺陷外,对人类行为的影响也值得关注。 Aza Raskin 本人对该技术的滥用表示担忧:

它就像一种上瘾的药物,遍布整个界面,让你不停地滚动、滚动、滚动。

争论是因为无限滚动不断提供新内容,它鼓励用户越来越多地使用电子设备。当然,无限滚动功能本身只是一个小触发器。没有它,社交媒体成瘾仍会存在,但可能没那么严重。

标签:

0 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *