Hey @Zlate I’ve made a few of those on this page when you click a “See All Benefits” button when looking at the different tickets you’ll get a modal.
Here is the read-only link: https://preview.webflow.com/preview/silver-dollar-city-2016-season-passes?preview=e1ffd72baadcd29065678ac2b786b793
If you go to the Navigator Panel, you’ll see all the different modals:
Inside of that you’ll see all of the components:
A Modal Section, with a Close button, Modal Background & then the Modal box.
You’ll see that the modal box has overflow: scroll on it (allowing you to scroll it)
Then I added some custom CSS to make sure that the box only scrolls vertically and not from side to side:
I have interactions set on the buttons to display the section, and then interactions on the close button and the modal background to make the modal go away.
To bind the modals to the buttons, I had to give each modal section parent container a different name, and create a different interaction (I could have nested the button & the modal pieces inside of a div as well so that that the interactions were binded to sibling elements but didn’t at the time).
Please let me know if you have any questions or need further assistance creating a scrollable modal.