Magnific-popup: Body height: 100vh causes page jump on popup

Created on 10 Jun 2018  路  2Comments  路  Source: dimsemenov/Magnific-Popup

I'm using an html template that has body {height: 100vh;} in the css. When an image is opened in Magnific the webpage in the background jumps to the top of the page. Upon closing the popup, the page is shifted down so the popup link is at the very bottom of the viewport. When "height: 100vh" css is removed, this behavior stops.

Most helpful comment

It may help to set fixedContentPos: false in the options.

All 2 comments

It may help to set fixedContentPos: false in the options.

@acemir It works. Thanks.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

BorislavZlatanov picture BorislavZlatanov  路  4Comments

softshape picture softshape  路  4Comments

tillilab picture tillilab  路  4Comments

vdotm picture vdotm  路  5Comments

wojto picture wojto  路  4Comments