Single Page Smooth Scrolling Navigation Menu using HTML and CSS

This is a tutorial video for navigation click to one page smooth scroll effect without jQuery. This video to learn how to create a single page website menu with smooth scroll using css. Only css3 use to create single page navigation website with smooth scroll effect.

[@zahdh929]

Thank you so much!! I only had one problem because the fixed navbar was hiding the top of my body content, but it's okay I used padding-top for my sections and scroll-padding-top, it works, thank you :)

[@InventionTricks]

You're welcome!

[@boltx2311]

TYSM..I was wondering how to give that scroll effect ,
and also, when I gave position: fixed; all the alignment gets resetted
but, I noticed we need to use *left: 0; right: 0;* to avoid it 🤗

[@madhudevlogs9390]

scoll-behavior:smoth for this 18mins wow

[@InventionTricks]

Glad it helped

[@learnwithlish]

it was helpful , ty ❤

[@InventionTricks]

Thanks For Watching

[@md.rokonuzzaman8229]

thank you Vai

[@chinthaeshwarrao3095]

thanks a lot sir

[@InventionTricks]

You are welcome

[@maazkhan5410]

what does href "#" means??

[@aptechmalaysia3903]

i have a question is this done in vs code

[@halbl00dprince66]

nope that's the sublime IDE, but the environment you code in shouldn't matter much

[@hindaboutarik2274]

responsive?

[@InventionTricks]

Not responsive, You can see another video where I create responsive menu