Infinite scroll using the Intersection Observer
How to create a infinite scroll page using the Intersection Observer.
Infinite scroll using the Intersection Observer launched on November 9, 2022 with 5 votes, #1,507 of 3,471 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 3 years on.
What it does
An infinite scrolling page continually fetches more content as the user scrolls. Commonly used when the page's content is too big to handle in 1 request. For example, Pinterest 's landing page. It displays a list of items that are paginated (grouped in batches of 40 for example). On page load, the 1 st batch is displayed. As the user scrolls, but before they reach the bottom, a request is made to fetch the next batch. This continues until there are no more batches. This approach to loading content removes the need for a user action to see the next batch. For example, clicking the Next link at the bottom of a Google search. To create an infinite scroll, we will pretend we have an endpoint…from garden.bradwoods.io
Does a similar job
all alternatives →- ISIt's possible to do infinite scroll without JavaScript2021 · noscript-infinite-catfacts.glitch.me · ▲34
Shuffle2021 · shuffle.dev · ▲260Hi! We noticed that our users extensively use Shuffle (a visual editor for developers) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor. With this CLI, you can: * Sync your visual components from Shuffle directly into Cursor projects * Automatically generate clean, editable code from your designs * Keep your design and dev workflows tightly integrated without copy-pasting or re-exporting We built this to reduce the friction between prototyping and production. If you're using Cursor as your IDE and…
Visual Intersection Observer – intersection utility for visual viewport2022 · github.com · ▲10A wrapper utility for Intersection Observer with Visual Viewport support - GitHub - juo/visual-intersection-observer: A wrapper utility for Intersection Observer with Visual Viewport support
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, November 2022
the whole month →
I made a thing! In 2014, I was holding a stack of iPhones and thought to myself: "Hey, if I had each phone display a playing card, I could click a button and they'd shuffle themselves" I pared that idea all the way down to this: trading cards made of e-ink displays. Right now, each card costs me about $20 each, but with only a bit more scale, I think I can get that down to $10. In doing this project, I learned how to design electronics and circuit boards. I learned Rust and wrote my first driver, I upped my CAD skills, 3D printed, and did my first resin casting. I generated the images on the…
Dev tools · 2022 · wyldcard.io
