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.

Sign up for GitHub

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

Jump to bottom

Sidebar: Not able to see overflow content in sidebar until scroll down till the end of the page. #706

Closed
vanlong441 opened this issue Dec 8, 2016 · 7 comments
Closed

Sidebar: Not able to see overflow content in sidebar until scroll down till the end of the page. #706

vanlong441 opened this issue Dec 8, 2016 · 7 comments

Comments

@vanlong441
Copy link

http://i.imgur.com/RUfHq1w.png --> Scroll down to half a page
http://i.imgur.com/u270pcc.png --> Scroll down to the bottom of the page
@mmistakes
Copy link
Owner

Unfortunately there is no way around this without introducing a scrollbar or something similar on the sidebar.

Your only option is to disable the "sticky" sidebar and then it will scroll with the rest of the page content. If you want to go with that solution remove the sticky class from the sidebar.

@vanlong441
Copy link
Author

@mmistakes I suggest that the y-scrollbar become visible when mouseover with x-scrollbar always hidden...

@mmistakes
Copy link
Owner

Happy to look at a pull request if you want to submit a fix.

@mmistakes
Copy link
Owner

Added support for sidebar scrollbars when needed in 3e34797

@rashevskyv
Copy link

With sticky class on in mobile view content moves under the screen

http://prntscr.com/fzak4u - w\o sticky
http://prntscr.com/fzakyz - w sticky

@mmistakes
Copy link
Owner

@rashevskyv The theme purposely doesn't apply position: sticky to those elements on < 1024 pixel wide screens for this very reason.

Are you using a modified version of the theme? You'll probably need some JavaScript to make it work.

@rashevskyv
Copy link

Yes, it is modified, but only in some variables. On clean mm it works fine?
btw, page has alot of menu -
image

BoWuGit pushed a commit to BoWuGit/bowugit.github.io that referenced this issue Aug 17, 2017
@mmistakes
Add vertical scrollbar to sidebars that extend outside the viewport
d598499 
Viewing overflowing sidebar content requires scrolling the entire page which is annoying and causes the reader to lose their place.

Use CSS `calc` to approximate height of the sidebar (`100vh` - height of the masthead) and apply `overflow-y: auto` to add vertical scrollbars when needed.

Fixes mmistakes#706
kkunapuli pushed a commit to kkunapuli/kkunapuli.github.io that referenced this issue May 30, 2019
@mmistakes
Add vertical scrollbar to sidebars that extend outside the viewport
302a1f5 
Viewing overflowing sidebar content requires scrolling the entire page which is annoying and causes the reader to lose their place.

Use CSS `calc` to approximate height of the sidebar (`100vh` - height of the masthead) and apply `overflow-y: auto` to add vertical scrollbars when needed.

Fixes mmistakes#706
makaroniame added a commit to makaroniame/makaroniame-old.github.io that referenced this issue May 18, 2022
@makaroniame
Add vertical scrollbar to sidebars that extend outside the viewport
69af3d9 
Viewing overflowing sidebar content requires scrolling the entire page which is annoying and causes the reader to lose their place.

Use CSS `calc` to approximate height of the sidebar (`100vh` - height of the masthead) and apply `overflow-y: auto` to add vertical scrollbars when needed.

Fixes mmistakes#706
jchwenger pushed a commit to jchwenger/jchwenger.github.io that referenced this issue May 5, 2023
@mmistakes
Add vertical scrollbar to sidebars that extend outside the viewport
8c58a1c 
Viewing overflowing sidebar content requires scrolling the entire page which is annoying and causes the reader to lose their place.

Use CSS `calc` to approximate height of the sidebar (`100vh` - height of the masthead) and apply `overflow-y: auto` to add vertical scrollbars when needed.

Fixes mmistakes#706
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@mmistakes @vanlong441 @rashevskyv