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)
On this page of the site you can watch the video online Create Sticky Navbar & Smooth Scrolling with HTML & CSS (No Javascript & Jquery) || UI Dev with a duration of hours minute second in good quality, which was uploaded by the user UI Dev 26 July 2019, share the link with friends and acquaintances, this video has already been watched 1,305 times on youtube and it was liked by 17 viewers. Enjoy your viewing!
