The X button gets scrolled off page

  • Resolved MountainSmoke

    (@mountainsmoke)


    6 years, 3 months ago

    When the menu is open, the page is still scrollable behind the menu. When swiping up, the X button gets scrolled up off the screen. It still has position:relative on it, and is moving with the page scrolling.

    There’s two possible solutions for the plugin:

    When the menu is open, the X button needs to be removed from the page flow, so scrolling doesn’t affect it.

    Or you have to completely stop the page from being scrollable behind the opened menu.

    • This topic was modified 6 years, 3 months ago by MountainSmoke.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User

    (@anonymized-16110022)

    Since we’re not using jQuery/Javascript (only CSS) we don’t have an option to prevent the page from scrolling behind the menu.

    If you want to prevent the page from scrolling when the menu is open you could listen for an event when the menu opens and add overflow-y: hidden to the html/body.

    Besides MountainSmoke said, I found a specific issue only on mobile.

    When open the menu and scroll down, I can see the menu toggle is scrolling down as well, but when I release/stop and the menu toggle back to the top but then it is DISAPPEARED. Then I set the menu-overlay to be transparent, I found the menu overlay z-index seems automatically be higher than the toggle z-index when I stop scrolling down the menu.

    It only happened on mobile, I test it on iPhone.

    Do you have any way to fix it?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘The X button gets scrolled off page’ is closed to new replies.