Skip to content

Latest commit

 

History

History
17 lines (11 loc) · 839 Bytes

README.md

File metadata and controls

17 lines (11 loc) · 839 Bytes

Infinite Random Images with Infinite Scroll | HTML & CSS & Vanilla JavaScript

Infinite scrolling is so powerful for social media apps, any news websites, article websites etc. Many apps like Instagram, Facebook include this perfect UX prop. and it makes everything easier, saves our time from refreshing. So I used infinite scrolling for fetching infinite images from Unsplash. It fetches 20 images for every fetching session.


I've Used

  • Unsplash API, random and count customizations included.
  • An animated loading svg, I created the svg from loading.io.
  • A functional attribution setter.
  • A simple async/await.
  • Infinite scrolling , thanks to offsetHeight, a web API: WINDOW. I used the innerHeight and scrollY properties.

Example Image

alt exampleImg