Popup - Scroll Down
Display a popup when you scroll down
Instructions
Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.
Add vdx-popup-scrolldown to your webflow popup, modal, or dialogue.
Control the page scroll percentage by adding a value vdx-popup-scrolldown="30%" to the attribute.
Default scroll down precentage is set to 50%.
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 down popup
Heading 1
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