What I find annoying on many websites
Infinite Scroll is all pervasive on many websites it is something that I should know how to implement even though I don't want it on this website.
Infinite scrolling, also known as endless scrolling, is an approach to web design where new material is continually dynamically added to the bottom of the page as the user scrolls downward, leading to the apparent ability to scroll forever. This is in contrast to pagination, where material is divided into discrete pages.
Infinite scroll was filed as a patent application on 14 February 2006 by the Windows Live Image Search team (now known as Bing) at Microsoft[1]. It was the first product to have infinite scroll on its release on 8 March 2006. The Microsoft engineering leader of image search at the time, Hugh Williams, has shared that Julie Farago, Nick Craswell, and he were the inventors of infinite scroll.[2]
The US patent has the first recorded mention of "an infinite-scroll" component. The feature was built and internally tested throughout 2005, along with several other now discontinued features in the image search product including a slider to control thumbnail size, a scratchpad image-saving feature, and a hover-over feature that allowed users to explore image metadata.[citation needed]
In 2019, Aza Raskin, claimed to have invented infinite scroll. There is no evidence to support this claim that he created the prior art before Microsoft's patent filing.
infinite-scroll.com
Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web.
The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lineage scrolls on to this day.
Looking at the code on the infinite-scroll.com website to implement this would require a lot of work.
There is a Codepen demo of this technique.
Implementing Infinite Scroll
Infinite Scroll features on many websites. It is the ability to display what appears to be am un-ending display of content in a window (container) on the screen by the method of scrolling the container or page.
I started out reacting to the news media's reaction to how Social Media and Big Tech are the "evil players" in all this. A common solution put forward is to disable Infinite Scroll and Auto-Play on the platforms that are hosting all the material that is causing the younger generation to do all the bad things.
infinite-scroll.com seem to offer code to implement Infinite Scroll on your website. To do this you need to use jQuery.
Top
I am not sure that I want to implement Infinite Scroll on this website. However, my nature is that I wiil probably look further into this.
The implementation
Infinite Scroll seens to be a container that has a class that is defined in infinite-scroll.pkgd.min.js
<script src="/path/to/infinite-scroll.pkgd.min.js"></script>
Infinite Scroll works on a container element with item elements.
The container
<div class="container">
<article class="post">...</article>
<article class="post">...</article>
<article class="post">...</article>
<article class="post">...</article>
</div>
The code needs to be looked at in greater detail.............
