Sticky Navbar with Smooth Scroll | No Javascript No JQuery | Pure CSS Sticky Header

Sticky Navbar with Smooth Scroll | No Javascript No JQuery | Pure CSS Sticky Header

Divinector

5 лет назад

171,698 Просмотров

Ссылки и html тэги не поддерживаются


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

Lucio Rinnovabili
Lucio Rinnovabili - 06.07.2022 14:12

Excellent tutorial! Good choice of background music and easy to follow! Respect from Italy 🇮🇹
Just a question, is this a responsive website? Thank you very much.

Ответить
Nikki Christine
Nikki Christine - 22.02.2022 01:17

Easy to follow, to the point and so simple! Thank you for sharing this!

Ответить
Anna
Anna - 08.12.2021 19:55

Sir ek problem aa rahi h
Jasa website ka background h jo mountain wala, agar us ka uper koi content likha ho or scroll down kro to vo navbar (nav bar fixed h)ka uper sa ja raha h

Kya kru plz reply 🙏🙏

Ответить
CaptenArii
CaptenArii - 28.10.2021 14:32

may I ask about a way to fix when I click on the navbar to respond but it says error? ):

Ответить
EDU Bomb
EDU Bomb - 06.09.2021 13:22

Helped me a lot bro thx

Ответить
Krisztina Kecskes
Krisztina Kecskes - 30.08.2021 20:42

How can I put a logo image before the logo text?

Ответить
pryAnsh
pryAnsh - 09.08.2021 21:48

merci beaucoup
je suis abonné à ta chaîne

Ответить
Pravin Kumar
Pravin Kumar - 05.07.2021 17:55

hi sir, i like this video very much but I have one doubt are you using vs code for this program pls anyone tell the answer?

Ответить
Aml Slmn
Aml Slmn - 27.06.2021 02:55

Hello, thanks for the video but I see a problem with this : this CSS smooth scroll property is supported only on 77% of devices and I comment this in 2021, Safari and Safari iOS are totally not supported, and some other smaller browsers.

Ответить
Syam veera
Syam veera - 21.06.2021 20:09

After seeing this full video I have subscribed to this channel because Easy to understand step by step, and 5 star rating.

Ответить
1Psychotropic
1Psychotropic - 18.06.2021 17:04

after i tried myself create one i gave up and copy paste ur links for my portfolio page, feels like cheating useing this for a project what my teacher will see :'D thx a lot !

Ответить
gerardo francisco simancas matos
gerardo francisco simancas matos - 21.05.2021 19:47

is it responsive? It would be nice but instead of placing a background image a video.

Ответить
Zhou Crance
Zhou Crance - 30.04.2021 12:03

Thanks a lot you help me keep it up.

Ответить
Zuhayr Zaman
Zuhayr Zaman - 29.04.2021 09:32

the css dosnt work for me do you know why :(

Ответить
Kashish
Kashish - 28.04.2021 09:44

thanks for providing the source code very nice and responsive website.

Ответить
KK CH
KK CH - 15.04.2021 20:02

I spent hours to find javascript code for smooth scrolling ,
html{scroll-behavior: smooth } is all I need ,omg I should've notice u earlier , thank you so much......

Ответить
Eric Kemp
Eric Kemp - 13.04.2021 22:49

A quick, super easy way to make your webpage projects look more professional and stylish.

Ответить
Charles de Lalaing
Charles de Lalaing - 23.03.2021 22:57

Super duper cool thanks:)

Ответить
Pariado, Keem R.
Pariado, Keem R. - 15.03.2021 15:30

doesn't work on me tho i don't know where was the problem but it helped me with some parts :(

Ответить
Sunny sun
Sunny sun - 02.03.2021 11:34

name of song is angle lover

Ответить
Akash
Akash - 28.02.2021 22:02

Hy awesome video and just one more thing can you pls tell me music name

Ответить
Bataa Tserendondog
Bataa Tserendondog - 04.02.2021 17:11

Very good! (y) Perfect example!

Ответить
Siddhesh Shinde
Siddhesh Shinde - 07.01.2021 10:34

Hats off to this person

Ответить
5 ml Wasser
5 ml Wasser - 01.01.2021 22:52

whats the programm name? :)

Ответить
Anik Roy Partho
Anik Roy Partho - 28.11.2020 18:42

i am get very help from this video.

Ответить
Martha Murugi
Martha Murugi - 24.11.2020 00:57

Thank you! It works... although doesn't display on Chrome but on Microsoft Edge :) Either way, thank you so much!

Ответить
AdsonINchina
AdsonINchina - 16.11.2020 11:21

So great that I found this channel ❤️

Ответить
Akshat Mathur
Akshat Mathur - 18.10.2020 17:35

Thank you so much!!

Ответить
H N
H N - 13.10.2020 04:04

hi, the smooth scroll doesn't seem to work on mobile. please help!

Ответить
takanashi taki
takanashi taki - 24.09.2020 12:43

nice! html{secroll-behavior:smooth; }
and than set div wrap id name. so simple ,get you like

Ответить
Kevin M
Kevin M - 22.09.2020 07:12

I'm a current student and I'm curious why you use <div> tag with navbar class, instead of using the <nav> tag for the navbar?

Ответить
Sahil Rajput
Sahil Rajput - 09.09.2020 22:24

thanks alot

Ответить
Akshit Kakani
Akshit Kakani - 27.08.2020 22:45

Is this responsive (will it work properly in tablet or mobile view) ?

Ответить
praneel kumar
praneel kumar - 13.08.2020 19:47

Very nice explanation, thanks for sharing learned a lot.

Ответить
S66VR
S66VR - 07.08.2020 19:11

Thank bro 😭

Ответить
Bobby Ryandra
Bobby Ryandra - 06.08.2020 11:48

Thank you for your Information

Ответить
Axel Bernhard
Axel Bernhard - 04.08.2020 17:59

Thanks, looks great and got it 98% working. It scrolls fine. When I click on Home and Contact, it displays correctly,
however when I click about, portfolio or services the headings sit behind the Nav bar and the background as well.
Cannot figure out how to fix. Tried listing all 5 in css individually, but problem persisted. Quick help would be much
appreciated. So just the smooth scroll via 3 links not working properly!

Ответить
Hazem Yahea
Hazem Yahea - 19.07.2020 04:37

Thank You :)

Ответить
*
* - 12.07.2020 04:57

thanks so much!

Ответить
Sreerag
Sreerag - 09.07.2020 08:35

Its dont work in safari mac browsers

Ответить
MANU
MANU - 02.07.2020 10:20

Amazing!
Make it responsive

Ответить
Durgesh
Durgesh - 30.06.2020 11:20

The only issue is that it is not supported in iOS

Ответить
Enrique Ruiz
Enrique Ruiz - 19.06.2020 02:09

👍👍👍

Ответить
Stuck Up Creations
Stuck Up Creations - 15.06.2020 05:38

... divine ...

Ответить
carles Madrid Flores
carles Madrid Flores - 08.06.2020 10:48

hi! the picture (1.jpeg) what size is?

Ответить
Matheus Justino
Matheus Justino - 01.06.2020 05:02

Thank you very much for amazing video!

Ответить
Confucious Salamander
Confucious Salamander - 28.05.2020 06:29

What is the name of the song?

Ответить
DizzinOG
DizzinOG - 21.05.2020 21:41

how can u type in "ff" and it comes "font-family"??

Ответить
Augusto J. Ferriols IV
Augusto J. Ferriols IV - 19.05.2020 17:47

Thank you!

Ответить