Fixed-scrolling div

Russinating · 14 Jun 2009 at 21:02

I'm looking to replicate something I've seen on a couple of websites.

Basically there'll be a div half-way down the page (or further), which when it reaches the top of the page (when you scroll down) it then sticks and follows you if you go down further.

Can't find anything other than the old position:fixed etc from Googling so if anyone could shed any light that'd be great.

Russinating · 15 Jun 2009 at 18:28

Anyone?

JimAroo · 15 Jun 2009 at 18:45

Are you referring to something like this:

http://www.myvue.com/cinemas/index.asp?SessionID=3DCCC22C0F6E4E7B93E034B907730F12&ci=3

(The vue box on the left.)

Russinating · 15 Jun 2009 at 19:09

Just like that, but a bit better/less complicated in that it doesn't have acceleration/delay.

Tripnologist · 15 Jun 2009 at 19:19

Here's a tutorial for you.

Russinating · 15 Jun 2009 at 19:51

That doesn't actually do what I want (and I can't get it to work anyway!).

What I'm thinking of is where there's a div (usually an advert below a side nav menu) that's more than half way down the page off-screen. It scrolls up as normal but once it hits the top of your browser it then 'sticks' and is always at the top (unless you scroll back up and then it sits where it's supposed to again).

Tripnologist · 15 Jun 2009 at 20:54

Edit: nevermind. Have fun