Smooth scroll issue

[Roman Kovalev 11 Likes (Newbie)]

Guys, I'm using some specific technique to build something like that is in codepen pattern.
But the thing is that its not working, when the height of body is max 100vh. Is there any way to avoid this issue using this awesome script?

See the Pen ogrvrv by NeedHate (@NeedHate) on CodePen

[OSUblake 18,534 Likes (Superhero)]

It's not scrolling because you have the body set to height: 100vh. You usually set an element to 100vh, like a slide, not the body. If you need to do a full bleed, you could do something like setting the body to min-height: 100vh

 

See the Pen PwrwYe by osublake (@osublake) on CodePen

[Roman Kovalev 11 Likes (Newbie)]

Yes, I understand that body has 100vh. Thats the trick, so the left side of menu always have 100% of window heighе . But why doesn't scroll work in othert scrollable elements? On the element of the ".content" class, for example? is it possible to change something, so the scroll is to work in a specific container?

[Diaco 1,999 Likes (Superhero)]

Hi NeedHate 

 

pls check this out : 

See the Pen bNPVwY by MAW (@MAW) on CodePen

[Roman Kovalev 11 Likes (Newbie)]

Perfect! What has been changed? Not strong in JS, but always trying to understand what is happening.

[OSUblake 18,534 Likes (Superhero)]

The overflow scrolling is happening in the .content instead of the window, so that's where you would get your scrollTop value. The scrollTop value is kind of like the y value for the .wrapper.

[Roman Kovalev 11 Likes (Newbie)]

Aha, ok, i get it. Thank you, guys! I will hang around, if you dont mind! *)