How to Add Smooth Scrolling Anchor Links to Jump to a Specific Part of a Web Page - HTML & CSS

Подписаться 15 тыс.

Просмотров 47 тыс.

50% 1

In this tutorial, you'll learn how to scroll up or down a website using an anchor link with CSS only.
Sponsor me on GitHub!
github.com/sponsors/miguelznunez
Follow my blog:
/ miguelznunez
Email : mignunez@csumb.edu
Medium : / miguelznunez
Codepen : codepen.io/miguelznunez
GitHub : github.com/miguelznunez

Опубликовано:

11 июл 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 51

@proCodeOfficial 10 месяцев назад

Inshort give an id to the specific part of your page that you wanna scroll to for eg- ... then in the anchor tag do this About and also in the css file do this html{ scroll-behavior: smooth; } hope this helps

@sadathossain1887 9 месяцев назад

Thank you so much for this short trick which I was searching in whole RU-vid but couldn't get it. For you I am able to complete my work now!!!🤗

@lolvideoscallofduty2675 Год назад

Great video quick and right to the point, super helpful!

@rachelmiller3620 9 месяцев назад

Thank you for a quick video 🙏 Bless you and your CSS wizardry

@Ebda3Academy Год назад

That was awesome! Thank you so much. Liked & Subscribed! Looking for more of your tutorials.

@devashishroychowdhury3080 Год назад

Great video just right to solution, no trash talking, no promotions.. Good Work 👍👍

@joybrar9024 Год назад

Amazing Video, straight to the point, and no bs, thank you so much for this 🔥🔥

@hellocoding6641 Год назад

Thank You! You didn't waste a lot of time and provided the solution quickly. Thanks again :)

@RealTimeTech222 Год назад

I rarely comments on people's video even though they did help me, but on this one I will definitely do so! Thanks again for your help!

@spendings Год назад

this is not working, when I click on any of the navigation options it doesn't have a smooth scroll. please help

@reggt7 Год назад

I would´ve never thought how easy it is. Thank you for sharing your knowledge with us.

@codefoxx Год назад

Thank you

@94davesk8er 2 месяца назад

awesome video, i could not hope for better explanations. you earned a subscriber

@PatTheRipper Год назад

wow thank you. So simple but it took 4 videos to find a simple one like this

@YamiKeizerLeon 3 месяца назад

Great tutorial, Appreciate it~

@lostsunrises7495 Год назад

So much easier than I thought! Thanks for the helpful & concise video! I appreciate it 👊

@codefoxx Год назад

Of course!

@IdaOpti 10 месяцев назад

Great tutorial, thanks a lot!

@andrewdalbey6134 6 месяцев назад

helpful and straight to the point. thanks!

@IJP15 Год назад

Thank you so much it works like a charm!

@helloiveqw5290 8 месяцев назад

Omg, You are a genius, thank you very much, everything turned out to be so easy and simple. Thanks a lot

@Reactivity0 10 месяцев назад

You should put the code in the description, but ya know the video was good ig then again having it in the description would help

@spacemanstrikesagain Год назад

Good tutorial. Thanks for making it.

@glazed3.010 Год назад

This is soooo much simple that in javascript thank you

@rifato.x 3 месяца назад

it was really helpful !

@codeinswahili9505 Год назад

This is great. Thank you for the video

@vilas3960 Год назад

thank you man, helped me a lot!

@Shar_s 5 месяцев назад

Thanks this really helped

@megababoon3279 Год назад

Nice and easy, thanks a lot Men

@ildikoedit9110 10 месяцев назад

Wow, thank you!

@Raidoven Год назад

wooooooooo! it works! for any noobs like me, just make sure you add the CSS part into the section of the HTML. like this: h1 { color: black; font-size: 30px; margin-top: 100px; background-color: inherit; text-align: center; } html { scroll-behavior: smooth; }