boo_lolly Posted December 2, 2009 Share Posted December 2, 2009 This is a bit tough to explain without screenshots. I need a div element to stay at the bottom of the user's browser screen as they scroll down the page, but once the div element has reached the bottom of its container element, the inside (footer) div should stop and stay there while allow the user scrolls down to view the rest of the page. Also, if the user is scrolling all the way up, then as soon as the inside (footer) element hits the bottom of the user's browser, it will stay at the bottom of the browser until it reaches the top of its container element, there it will stop and the user can continue to browse toward the top of the page. An example of this can be seen at http://www.mininova.org/ Look to the right at the advertisement. As you scroll down, it follows, then when you get close to the bottom of the page, it stops before you scroll all the way to the bottom. I want the same effect, except I want the element will be horizontal, and in the middle of the page. Can anyone help me with this effect? From the research i've done it looks like it's a combination of relative and fixed positioning. Quote Link to comment Share on other sites More sharing options...
boo_lolly Posted December 3, 2009 Author Share Posted December 3, 2009 I found a solution with jQuery here: http://kitchen.net-perspective.com/sf-example-3.html Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.