Need to float and slide box containing products

[cajebo]

Small micro site build for a friend.

On order page, I want the product box to stay in one position as the user scrolls down the order form.

Building this out on 960gs, using same for the first time

Can’t seem yet to find a way to do this successfully in anything but chrome.

Site layout: http://centervilleelksapparel.com

Order page playground: http://centervilleelksapparel.com/new-order.php

Ideally I’d like to keep the blue box from scrolling out of view.

Anyone care to point me toward the light?

Thanks and happy thanksgiving

Michael

[zonger]

You should be able to do it with position: fixed.
Have you tried that?

[JoniGiuro]

I think position fixed is what you need:

http://jsfiddle.net/jonigiuro/SrHcU/

[Schwarttzy]

jQuery is not the way to go for this, position:fixed is definitely the code for the job

[cajebo]

Although still a work in progress as I’m waiting on content (what’s new, right?), I think I’ve settled this issue of the floating menu of products.

[Centerville Elks Apparel](http://centervilleelksapparel.com)

[cajebo]

And I forgot, thanks to all that helped light the way.

It was solved by “position: fixed;” and an additional div class to get around the 960 issue.

Thanks and greetings once again from Southwest Ohio. ;)

[Author]

Posts