Popup - Scroll Back Up
Display a popup when you scroll up the page
Instructions
Make sure you have the VisualDX script in your <head>. Checkout the Quick Start for how to do this.
Add vdx-popup-scrollup to your webflow popup, modal, or dialogue.
Control the page scroll percentage by adding a value vdx-popup-scrollup="30%" to the attribute.
Default scroll down percentage is set to 0%.
Add vdx-popup-frequency to control how often the popup displayed.
Default popup frequency is set to 0 hours
Control the popup frequency by adding a value to the vdx-popup-frequency attribute.
vdx-popup-frequency="12" = Display once every 12 hours
vdx-popup-frequency="24" = Display once every 24 hours
vdx-popup-frequency="672" = Display once every 28 days
Control the display animation with Webflow Transitions
Example of a scroll up popup
Scroll back up the page
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript