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
You should be able to do it with position: fixed.
Have you tried that?
[found this little plugin](http://www.profilepicture.co.uk/demos/stickybox/multi.php “found this”) if you are ok with jQuery
I think position fixed is what you need:
jQuery is not the way to go for this, position:fixed is definitely the code for the job
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)
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. ;)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".