title: javascript (but not jQuery please) fixed position on x-axis but not y?
body: <p>I've looked everywhere and so far have not found a non-jQuery js to handle this. I would like to avoid using a library for just this one simple task. </p>
  
  <p>I would like to fix three navigation divs ("#header", "#tabs" and "#footer") to viewport left (or alternatively, to the x position of a div "#helper" with "position: fixed; left: 0; top: 0;") -- but not fix y. They can not be vertically fixed. </p>
  
  <p>I've created a working js that forces the divs to reposition based on scrolling, but it's not smooth in the real page (too many dynamic and graphic elements) - I'd like it to either animate smoothly, or mimic fixed-left and not appear to reposition at all.</p>
  
  <p>Anyone who can give pointers or a quick script, or review and modify the script I have made? I've noticed people tend to ask why an obvious solution is not used instead of answering the question... I will be glad to answer, but would prefer help with the actual problem. </p>
  
  <p>Here is a jsFiddle with the problem: <a href="http://jsfiddle.net/BMZvt/6/" rel="nofollow">http://jsfiddle.net/BMZvt/6/</a></p>
  
  <p>Thank you for any help!</p>