How to make the indentation for the scroll bar?

Good day, dear.
Prompt, please how to implement here such an effect:
www.kristianhammerstad.com
That is when a small number of images (for example, when the filter is "comics" on this website) is automatically added indent equal to the scroll bar and the window does not jump back around the whole width.
0c6f7ae641f0485bbdf305a71116e7ac.jpg
June 26th 19 at 14:17
1 answer
June 26th 19 at 14:19
Solution
overflow-y: scroll;
Thank you very much!
One moment only, You have a typo (the"r" is omitted): overflow-y: scroll;
Thanks again. - Shyanne_Rosenbaum commented on June 26th 19 at 14:22
And one more question, if I may. Could you somehow make friends with it
overflow-y: scroll;
with the plugin jquery.magnific-popup.js? And he doesn't see it and adds your indent =(( - Shyanne_Rosenbaum commented on June 26th 19 at 14:25
overflow-y: scroll !important; - Reyes96 commented on June 26th 19 at 14:28
: Alas. magnific-popup doesn't hide the scrollbar, but adds its width. That is, registers in the html tag its width via JS:
- Shyanne_Rosenbaum commented on June 26th 19 at 14:31
html {
margin-right: 0 !important;
}

? - Reyes96 commented on June 26th 19 at 14:34
Tried =( if it turns out that the window like the width does not change, but the background image still jumps on these 17px expanding. Delve into the answers to Github, as I understand, the only way to fix to fix this is to turn off all the hiding scrollbar. =(

UPD. Oh! Seems to have found a way.
To register
html {
margin-right: 0 !important;
}

To not have expanded the visible area, and the background picture to pull out of the body and wrapping div-om! Should work.

Thanks for the tip! - Shyanne_Rosenbaum commented on June 26th 19 at 14:37

Find more questions by tags Adaptive designHTML