All Collections
Other
Rare cases: Solve the jumping page issue with gallery pop-ups
Rare cases: Solve the jumping page issue with gallery pop-ups

Follow this guide to prevent the page from jumping to the top

Erik Droh avatar
Written by Erik Droh
Updated over a week ago

When you click any post on an embedded Cevoid gallery, it opens in a pop-up. To provide a smooth browsing experience without unnecessary scrolling behavior for the user, we've set up certain CSS properties to the <html> and <body>.

overflow:hidden for the <html> tag is necessary to avoid scrolling through elements on iOS devices.

In some cases, depending on how your website is built and styled, this can cause the website to jump to the top of the page, which is an undesired effect.

There are two ways to solve this issue.

Solution #1

If you want to remove overflow on the <html> tag:

  1. Head to the gallery for which you wish to remove the overflow

  2. In the Design tab, scroll down to Global settings

  3. Disable overflow on html-tag

  4. Click Save changes in the top right corner

Solution #2

To deliver a good user experience, it’s a good idea to investigate what on your website is making the page jump to the top when overflow:hidden is set to the <html> element.

A common way this occurs is because the html or body element has a height: 100% or height: 100vh. If you remove this, it should work. But check that it doesn't break anything else on the webpage, which is rarely the case.

Did this answer your question?