Streaming live at 10am (PST)

How to pin banner scroll down page

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)

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

Screen Shot 2020-08-20 at 08.56.37 Screen Shot 2020-08-20 at 08.56.25

1 Like

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

1 Like

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.

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

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

Yes, then you would use position: sticky :slight_smile:

1 Like

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

Thanks. I have done it successfully