How to pin banner scroll down page

[khanh_duc]

Hello. I have a question
how to pin banner scroll down the page like inside gif

---

Here is my public share link: LINK
(how to access public share link)

[Thomas_Milton]

To do this you use sticky positioning or fixed positioning.
Select the element you want this to apply to and select sicky positioning.

[Rani_Sofya]

Set the banner position as “fixed”, under “fixed” will appear a selection of positions, choose one and you’ll be good to go.

[Nicole_Klaver]

Use sticky positioning if you’re looking to have it only function within a particular section (the elements direct parent). Once the sticky element hits the bottom of its parent, it will not continue to scroll.

Position: sticky | Webflow Features

And use fixed positioning if you want it to have the element positioned relative to the viewport or the browser window.

(Newer version available – see description) Fixed position - Webflow CSS tutorial (using the Old UI)

[khanh_duc]

I just want it to move within a div that I create. If using fixed will cause it to override another div when pulled to the bottom of the page
thanks

[Nicole_Klaver]

Yes, then you would use position: sticky

[Rani_Sofya]

Try making the parent div fixed and when you add divs inside they should stay inside while the parent is fixed.

[khanh_duc]

Thanks. I have done it successfully