Sticky Sidebar Issue

[robotsex]

Hey everyone. I’ve successfully gotten the sticky sidebar from this demo (https://css-tricks.com/examples/ScrollingSidebar/) to work nicely.

However, now that I’m building the fat footer, the further you scroll, the further the sidebar shoves the footer down. Not too sure at this point how to resolve it.

here’s the link
http://mic-check.ntunemedia.com/
click on one of the blog posts and scroll to see what I mean.

thanks in advance.

RS

[benh359]

Matt Ward’s Contained Sticky Scoll plugin might solve your problem – http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/

otherwise you could put in a condition that looks at where the footer is relative to the bottom of the browser window and once it’s in view then stop the sidebar from scrolling.

[robotsex]

thanks for the response. could you point me in the right direction as far as a conditional statement goes? Not sure where to even begin looking.

[benh359]

it would probably be something like

if (($('#footer_area').offset().top) <= ($(window).height()))

haven't tried it though.

[robotsex]

nvrmnd, I got it all resolved.

[sliver37]

Hey robotsex, glad to hear you got it resolved.

Mind posting the solution/method you used?

[Author]

Posts