Change Sliding Panel Fixed at Bottom of Page to be positioned at bottom of Div

[greeh house]

Hi, I’m trying to place a sliding panel inside a div, and position it at the bottom of the enclosing div. The code that I found has a fixed position at the bottom of the page.

Here’s my example: https://codepen.io/greenhousegraphix/pen/JNJBNB

When I changed position: fixed to position:absolute on line 9, the button did move from the bottom of the page to the bottom of the div. But the sliding panel is now visible.

Any suggestions?

[JeroenR]

You can set overflow: hidden; on your first DIV. Then it won’t show your absolute positioned DIV.

[greeh house]

Thank you, that’s exactly what I needed!

[Author]

Posts