title: Is there a way in CSS, JS or JQuery that can change the color of text depending on position?
body: <p>I am the developer of a corporate website that has a design for a page that incorporates the following:</p>
  
  <p>A body background gradient, from their primary-color to white, from top to bottom, static.</p>
  
  <p>A set color of headers (h1, h2, h3, etc.) is set to white.</p>
  
  <p>I would like to comply with both of these, but, of course, headers don't always sit at the top of the page, especially if they are being used as sub-headers and section titles.</p>
  
  <p>Does ANYONE know of a way in CSS, Javascript or jQuery that would allow the color of the text change depending on where it sits on the page, for example, at the top, the headers are white, to contrast the primary-color of the body gradient, but further down the page, the headers change to the primary-color to contrast the white of the body gradient?</p>