The position types are default, sticky and pinned. LOADING... There, you can choose from Default , Sticky or Pinned . Sticky position To set elements to sticky position, open the dropdown under Position type and select Sticky . Sticky elements stick to the viewport as visitors scroll vertically through a container or section.

Home Library Elements & components Placing sticky scrolling elements over a video Tutorial Images & media along with product and design advisor Vicky Borges to add a video and scroll elements on top of it with sticky Guide Transcript How to create a video background with sticky elements Open the editor to try it out Set each one to sticky position, and use the top margin value as each element’s top offset. We don’t want this behavior, so we’ll go in and add bottom margins on each sticky element to prevent

Home Library Interactions & effects Creating a sticky text scroll effect Tutorial Scroll effects Technical Set Position Type to Sticky 19. Set the Top offset to 0px 20. Select the 2nd title 21. Set Position Type to Sticky 23. Set the Top offset to 180px 24. Select the 3rd title 25. Set Position Type to Sticky 27. Set the Top offset to 360px 28. Select the 4th title 29. sticky scroll effect TUTORIAL Placing sticky scrolling elements over a video Go to library →

Home Library Interactions & effects Combining sticky position & animations Tutorial Scroll effects Follow Designer Yanay Nir to create a unique effect as the user scrolls down the page with a combination of sticky Guide Transcript How to combine sticky position and animations in your designs Open the editor to try Part 2: Add sticky position and animations 27. From the Inspector panel set the Position type to Sticky . 28.

Stack Elements Text & buttons Menus & navigation Images & Media Interactions & Effects Interactions Sticky TUTORIAL Creating a changing gradient background on scroll Scroll effects Structure TUTORIAL Placing sticky scrolling elements over a video Images & media Scroll effects TUTORIAL Creating an overlapping sticky gallery Scroll effects TUTORIAL Combining sticky position & animations Scroll effects TUTORIAL Creating a sticky text scroll effect Scroll effects Grid TUTORIAL Creating a full page sticky scroll effect Scroll

Stack Elements Text & buttons Menus & navigation Images & Media Interactions & Effects Interactions Sticky Applying hover interactions to Repeater items Interactions Repeater TUTORIAL Creating an overlapping sticky gallery Scroll effects TUTORIAL Combining sticky position & animations Scroll effects TUTORIAL Click & hover interactions Interactions TUTORIAL Creating a sticky text scroll effect Scroll effects Grid TUTORIAL Creating a full page sticky scroll effect Scroll effects Grid TUTORIAL Designing 3 creative

Under Scroll , you can also set an image to be Pinned or Sticky position . Under Scroll , you can also set an image to be Pinned or Sticky position . Under Scroll , you can also set an image to be Pinned or Sticky position . Under Scroll , you can also set an image to be Pinned or Sticky position . Under Scroll , you can also set an image to be Pinned or Sticky position .

Home Library Interactions & effects Creating an overlapping sticky gallery Tutorial Scroll effects Technical designer Anastasia Logacheva walks you through the steps to create a cool gallery pile up effect using sticky Beside Position Type , choose Sticky 17. Set all other containers to Sticky Result: In preview, as you scroll, the pictures will overlap one on WEBINAR The mid-year trends report: How we built it TUTORIAL Video & decorative TUTORIAL Creating a sticky

Home Library Interactions & effects Creating a full page sticky scroll effect Tutorial Scroll effects UX designer Dolev Brosh guides you through the steps to design a creative effect using sticky position Beside Scroll Effect, choose Sticky Part 4 1. Drag a title into the section 2. Beside Scroll Effect , choose Sticky 5. Set the Top offset to 300px 6. Placing sticky scrolling elements over a video Go to library →

Stack Elements Text & buttons Menus & navigation Images & Media Interactions & Effects Interactions Sticky grid Grid TUTORIAL Getting started on Editor X Grid Structure Breakpoints Layouter TUTORIAL Creating a sticky text scroll effect Scroll effects Grid TUTORIAL Creating a full page sticky scroll effect Scroll effects

EXPLORE MORE TUTORIALS TUTORIAL Sections TUTORIAL Creating a sticky text scroll effect TUTORIAL Creating a full page sticky scroll effect Go to library → Go create on Editor X → Was this lesson helpful?

Stack Elements Text & buttons Menus & navigation Images & Media Interactions & Effects Interactions Sticky TUTORIAL How to make a gallery that plays on infinite loop Content manager Images & media TUTORIAL Placing sticky