Need to disable the scrollbar disabling feature

[csborgman]

I'm using custom scrollbars based on nicescroll script and Magnific Popup seems to have a scrollbar disabling feature active when lightbox opens. The problem is the feature, although works great on default browser scrollbar, is shifting the content as the lightbox opens and then closes.

How to disable this feature?

Thank you!

[bjmiller121]

You might try setting the overflowY option to scroll in order to prevent the scroll bar from disappearing. This is also mentioned in the Known Issues section of the documentation.

[ghost]

i have similar problem because script add to html size of scroll and hidden, not useful. i decide disable part of code when added those options. But those practice won't be useful for all. PS: when added hidden i can scroll content on touch screen. as i see a lot of frameworks add to html overflow-y: scroll it good practice because content don't jumping. if i mistake, please correct me Thanks

[ile]

overflowY:'scroll' didn't seem to fix this for me. The whole content moves anyway.

http://ilkkah.com/2015/02/23/facebook-real-time-updates/

[ghost]

yeah, you can scroll the page put it better than the content will jump all time. Try open close >4 times and you can see how it enrages you.

[kom72]

I probably have the same problem. I am unable to assign overflowY: hidden or overflow-y: hidden. After opening and closing the preview image will appear next slider. How to get rid of him, please? translate with Google Translator

http://www.kom72.cz/index.php?stranka=kategorie_vypis&kategorie_id=3

[nickfmc]

this is old, but OP was referring to the scroll being hidden on the page because the script adds overflow hidden to the html element of your page. The overflowY: 'scroll' setting has to do with the scroll within the inside of your popup. to prevent magnific from jacking the scrolling of your page this will work.

callbacks: {
    open: function() {
      $('html').css('overflow', 'auto').css('margin-right', '0');
    },
  }