Why Does My Site "Jump" to the Top of the Page When I Trigger a Popup?

Description

A Click Open trigger can cause your website or page to jump to the top a split second before the popup is displayed.

Cause

This might happen if you implemented the custom CSS for smooth scrolling (Option 1). 

Solution

To fix this issue, use the following CSS (Option 2) instead. The styles are slightly modified compared to Option 1 CSS example provided in Solution #5.

html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

You can view the original CSS source on GitHub.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.