Auto-detect when scrollbar disappears

Asked May 06 '15 at 09:40

Active May 06 '15 at 09:59

Viewed 110 times

I got a centered Layout including a max-width and margin: 0 auto;. Furthermore i am currently using Isotope for filtering and sorting a grid.

The Problem is: There is the possibility that the height of the body / main container becomes smaller than the actual window height and therefor of course removes the scrollbar, since the body has overflow: hidden. The centered layout jumps (because of the margin: 0 auto), which doesn't look very great.

The Question: Is there a callback function from Isotope where i could test if the scrollbar is shown or not? Or is there even a possibility to bind a function on the body when the scrollbar disappears? what is the best method to check if there is a scrollbar visible or not? (EDIT// as suggested an easy method is $(document).height > $(window).height, now i just need a triggered event to call the if statement)

Thanks in advance!

EDIT here is a LINK TO FIDDLE to play around

edited May 06 '15 at 09:59

asked May 06 '15 at 09:40

Doml The-Bread

1,761
1
11
17

1

Why not just style it so the scrollbar is always present (just disabled when the window is smaller)? Problem avoided :) – iCollect.it Ltd May 06 '15 at 09:43
Have a look at http://stackoverflow.com/questions/4814398/how-can-i-check-if-a-scrollbar-is-visible – Hexaholic May 06 '15 at 09:43
I'm not sure of a Isotope function to do this, but in plain JS if `document.height > window.height` then you have a vertical scrollbar. – Rory McCrossan May 06 '15 at 09:43
na, doesn't fit into the design :P – Doml The-Bread May 06 '15 at 09:44
@RoryMcCrossan yeah, but i would need an event to trigger that if statement! – Doml The-Bread May 06 '15 at 09:45
`$(window).resize()` – Rory McCrossan May 06 '15 at 09:45
unfortunately `window.resize` is not triggered when the scrollbar disappears.. – Doml The-Bread May 06 '15 at 09:47
I know, I mean you need to hook to window resize and check the doc.height against the window.height – Rory McCrossan May 06 '15 at 09:50
I'd probably just check if the height of the page is bigger than the size of the window – Josh Stevenson May 06 '15 at 09:53

Auto-detect when scrollbar disappears

0 Answers0