Mornor Mornor - 5 months ago 11
CSS Question

Place sliding divs at a fixed bottom position

I am currently using this bit of code (adapted to my needs) to create a bootstrap carrousel-like.

I have successfully place it to the bottom of my page, but I would like to make it

fixed
.

I assume that I just need to add:

.block{
bottom: 0;
position: fixed;
}


Example here.

What is that not the way to go?

Answer

You should add those attributes to

.box {
position: fixed;
bottom: 0;
}

Edited fiddle


other approach is to add a wrapper above the box and set its height 100%-"the .box's height". this would stick the box on the bottom of the monitor. the part above then would be scrollable. Sample