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)
In questa pagina del sito puoi guardare il video online Create Sticky Navbar & Smooth Scrolling with HTML & CSS (No Javascript & Jquery) || UI Dev della durata di ore minuti seconda in buona qualità , che l'utente ha caricato UI Dev 26 luglio 2019, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,305 volte e gli è piaciuto 17 spettatori. Buona visione!