how to make items become fixed once off screen?

[MuGeN]

I've seen a few sites where you have say a shopping basket module at the right, and its fixed properly in place but once you scroll down to the point where it would be off-screen, it changes to position: fixed and follows you down...

Is this a common jquery plugin? having trouble looking it up since I can barely explain what it is

Could someone point me in the right direction?

 

[gord]

Stronger Google Fu is what you need!

http://static.jqueryfordesigners.com/demo/fixedfloat.html

http://jqueryfordesigners.com/fixed-floating-elements/

 

[MuGeN]

Awesome

Gonna need a bit of tweaking since it doesn't work on iPad but we'll see

on a side note, just sent you an email matey

 

[simisker]

Awesome

Gonna need a bit of tweaking since it doesn't work on iPad but we'll see

Heh - this time I reckon I can provide a solution for you, MuGeN

http://www.lazycoder.com/weblog/201...sitionfixed-toolbars-in-iphoneipadipod-touch/

Not tested it myself yet, but hopefully you can report back with good news, because the user interfaces that this would allow are near-vital for handheld devices.

 

[MuGeN]

this works as a solution to NOT let the position:fixed mess up the layout, so you can basically say if(navigator.platform != 'iPad') do this...

So I only let it initiate the funky fixed floating code if its not on an ipad, iphone or ipod

This'll do for now, it seems really hacky to force the ipad style interfaces to use something like position: fixed so this is a good solution for now