https://github.com/ajit24/infinite-scrolling-assignment

INFINITE SCROLLING assignment , which is built from pure JS.
https://github.com/ajit24/infinite-scrolling-assignment

html-css-javascript

Last synced: 8 months ago
JSON representation

INFINITE SCROLLING assignment , which is built from pure JS.

• Host: GitHub
• URL: https://github.com/ajit24/infinite-scrolling-assignment
• Owner: Ajit24
• Created: 2022-04-08T10:52:16.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-04-08T17:00:28.000Z (over 3 years ago)
• Last Synced: 2025-01-02T04:14:32.175Z (9 months ago)
• Topics: html-css-javascript
• Language: HTML
• Homepage: https://infinityscroll-hazel.vercel.app/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Infinite-Scrolling-assignment

INFINITE SCROLLING assignment , which is built from pure JS.

## problem statement :

 You are required to make a list that will scroll infinitely

add 25 items on load

user overflow css property to manage the scrollbar for the div

add event listener to list element ( can use debouncing / throttling here )

use scroll event

check a condition to see if you have reached the end of the element

look at the following properties in the Element API

scrollTop

clientHeight

scrollHeight

getBoundingClientRect

getClientRects

use in any combination to achieve your task

when the condition is met, load 25 more items into the list

For the ones who are got it already done in plain JS