Create Sticky Navbar & Smooth Scrolling with HTML & CSS (No Javascript & Jquery) || UI Dev

Pubblicato il: 26 luglio 2019
sul canale di: UI Dev
1,305
17

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!