Exit Intent Popup – Enable Scroll on Pop Up

  • Hi Tom,
    Loving the overlay panels and mega menus!
    I have enabled exit intent on this website.

    As illustrated, I have not disabled page scroll.

    How do I ensure that the pop up has the scroll if content overflows the screen (rather than the background)?

    While the content fits now, it may not in future since I plan to add more content to the pop up (and also if users have set their zoom settings high).

    https://imgur.com/a/v0w2llS

  • Hi there,

    Set the parent container inside your overlay panel to Overflow Y – auto in the Position block settings.

    This will allow the container’s content to become scrollable when it exceeds the available height.

  • Hi Alvind,

    I added an outer container and set it to Overflow-Y as shown below.

    https://imgur.com/a/IXobmXW

    What am i doing wrong? I still can’t get scroll bars to show up.

    https://imgur.com/a/FoUBKhe

    Do I set the outer container max-height to 100vh? is that the solution?

  • The scroll won’t be visible if the content inside isn’t long enough to overflow the height of the container.

    To test this, try setting the outer container to a fixed height (e.g. 300px). That way, you’ll be able to see the scrollbar in action when the content exceeds that height.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.