Create Sticky Navbar & Smooth Scrolling with HTML & CSS (No Javascript & Jquery) || UI Dev
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)