The left column starts to scroll at the right time, so I can still see the bottom item, Special Deals Page, while still seeing the top item, Gifts.
There are two problems I can't solve.
1. Once I start to scroll, there is a space above the words gift. I'd like to tighten that up. See screenshot space.jpg.
2. Depending on how far I scroll down the page, then scroll back up, the word Gifts might return to its proper place, or it might overlap the section above it, or there might be a big space. See screenshot gifts.jpg.
I've wrapped the part to scroll in <div id="scrollingDiv">, and the jquery is:
var $window = $(window);
var pos = $window.scrollTop();
if (pos > 255)
$('#scrollingDiv').css('marginTop', (pos-290) + 'px');