Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrolling passed through navbar #1

Closed
gevezex opened this issue Mar 22, 2020 · 8 comments
Closed

Scrolling passed through navbar #1

gevezex opened this issue Mar 22, 2020 · 8 comments

Comments

@gevezex
Copy link

gevezex commented Mar 22, 2020

When I scroll down and up the scrollbar goes through the navbar. Is there a way to stop that behaviour? This is both tested on chrome and safari browsers.

I've attached a screenshot.

Screenshot 2020-03-22 at 14 20 37

@frontendfunn
Copy link
Owner

@gevezex Is this behavior same with the official site...

@gevezex
Copy link
Author

gevezex commented Mar 22, 2020

I am not sure as your implementation is a mix of components. That's why I wanted to know if there is a fix within your code.

@frontendfunn
Copy link
Owner

Untitled

Image from the official Site..

@gevezex
Copy link
Author

gevezex commented Mar 22, 2020

Thnx. So there is no way to fix this?

@frontendfunn
Copy link
Owner

frontendfunn commented Mar 22, 2020

.main-content {
  margin-top: 40px;
  height: calc(100% - 40px); // topnavbar is 40px height
  overflow-y: auto;
}

.pusher {
  overflow: hidden;
  height: 100%;
}

try adding this CSS Rules.. to your css

@frontendfunn
Copy link
Owner

frontendfunn commented Mar 22, 2020

Scrollbar Issue Fixed Branch

Please Check the Updated Code on this branch

@frontendfunn
Copy link
Owner

@gevezex Please Check the Updated code in the new branch.

@gevezex
Copy link
Author

gevezex commented Mar 22, 2020

I adapted the css file and it worked like a charm. Thank your very much!
I will close this ticket now!

@gevezex gevezex closed this as completed Mar 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants