Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make a sticky div with a stopper

Tags:

html

someone can tell me how this effect is called when I go down on a web page and there is a box that at first was in the middle of the page but on the way down is stuck to the side of the content and also follow you to the bottom the page. i see this on facebook and many website. I know not a 'Div' because these remain fixed

Sorry I forget to wrote they move when only the top of page touches them

like image 946
Elisa Machorro Avatar asked Oct 22 '22 12:10

Elisa Machorro


1 Answers

From what i understand, you want something to follow you as your scroll down but at first it was in the middle of the webpage. You can make it with some jquery:

Example

tutorial

like image 140
Dan Avatar answered Oct 24 '22 10:10

Dan