nikkipurcell / js-bankist-home Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Banking app homepage that uses sticky nav bar, lazy loading, nav scroll, modals, image slider.

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
img		img
.prettierrc		.prettierrc
README.md		README.md
index.html		index.html
js-bankist-home.jpg		js-bankist-home.jpg
script.js		script.js
style.css		style.css

Repository files navigation

js-bankist-home

Vanilla JS homepage that is commonly used for product websites.

This one showcases the following UI functionality:

Sticky Nav Bar
Menu Fade on Hover
Lazy Loading Images
Nav Links Scroll to Sections
Show Hidden Sections
Single Link Scroll into View
Modal Window
Tabbed Components
Image Slider with Arrows and Dots

How Its Done

Lots of event listeners for click, keydown, mousover, mouseout, load.
Dom manipulation using classList,
Looping through node lists using forEach()
Scrolling using scrollIntoView()
Using new IntersectionObserver(callback, options object) API

About

Banking app homepage that uses sticky nav bar, lazy loading, nav scroll, modals, image slider.

javascript image-slider modal-windows sticky-navigation-bar tabbed-component

Report repository

Languages