In this video we will learn how to make Sticky Navbar and Smoth Scroll effect in HTML5 and CSS3 only, without any javscript and jquery. For this we will make a simple landing page.
Tag : #smoothScrolling #stickyNavbar #UIDEV
--You should know these HTML tag--
1. nav : https://bit.ly/2LqsjqS
2. h1 & h3 : https://bit.ly/2rGOUFH
3. a : https://bit.ly/2puHbrD
4. ui and li : https://bit.ly/2Cl76rL
--You should know these Css properties--
1. margin: https://bit.ly/2vOTV11
2. padding: https://bit.ly/2GhDGMF
3. display : https://bit.ly/2mQGf22
4. position: https://bit.ly/2qs4kK3
5. list-style: https://bit.ly/2KM0dDZ
6. line-height: https://bit.ly/2xFy4us
7. flex: https://bit.ly/2C7j46C
8. background : https://bit.ly/2Cfd1Nr
9. border : https://bit.ly/2wsho9m
Cross-browser Solution
For browsers that do not support the scroll-behavior property, you could use JavaScript or a JavaScript library, like jQuery.
--Music Credit---
Song: Fredji - Blue Sky (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: • Fredji - Blue Sky (Vlog No Copyright Music)
Auf dieser Seite können Sie das Online-Video Create Sticky Navbar & Smooth Scrolling with HTML & CSS (No Javascript & Jquery) || UI Dev mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer UI Dev 26 Juli 2019 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,305 Mal angesehen und es wurde von 17 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!