I have spent hours trying to get my head around a piece of code I am trying to write…
The view and example, please go to http://skateboardingphoto.co.uk/skate-photos-june-2011/chet-childress-rules-are-there-to-be-broken-dude
The element is hidden (as this is a like site), so in your firebug or equivalent, please remove the style ‘display: none;’ from;
<div id="thumb-nav-area" style="display: none;">
(pretty close to the bottom of the page.
The function is as it should be – when the grey bar is clicked, the extra navigation moves into sight and then back out when clicked again.
However, it seems to be pulling in the page scrolling and expanding the page – I am sure it is a very simple fix and I am probably looking right at it, but can’t figure it out!
What an idiot – the reason it doesn’t work is because i should be using fixed positioning, rather than absolute… i knew it would be obvious!