Dropdowns
Enhance native Webflow dropdowns with open-on-load, scroll lock, and custom close triggers.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.
Dropdown
I want to power up this Webflow Dropdown element
Close
I want this nested Div to close the dropdown when clicked
Scroll Lock
I don't want the page to scroll when the dropdown is open
Open On Load
I want this dropdown to automatically open when the page is loaded.
Watch Tutorial
Add this attribute to the same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.