title: Is a nearly-fixed background image (scrolls for n pixels, then fixed) possible?
body: <p>Finally getting around to designing a site for my personal domain, and I've encountered an issue with the background image I'd like to use.</p>
  
  <p>The image is of a skyline, but flipped such that the buildings come down from the top of the page. Below the inverted skyline there is a gradient from sky colors (in this case green/yellow/orange) to white.</p>
  
  <p>I hope to accomplish a scrolling effect wherein the entire page scrolls initially, until the buildings are ~50% off the page (lets say 75px), at which point the background becomes fixed and only text (ideally both Header and Body) scrolls beyond that.</p>
  
  <p>In effect, the page background becomes the tops of the skyscrapers at the very top of the page, and a majority the sky-white gradient.</p>
  
  <p>My CSS skills are fairly rudimentary and my JQuery skills nonexistent. I'm comfortable hacking things together but don't feel capable of much else beyond that. Unfortunately, the nearest things I've found through GOOG/SO searches have been related to parallax scrolling, which isn't exactly what I'm looking for.</p>
  
  <p>Any suggestions?</p>