header

今回のDEMOはナビ(nav)BOXがページのTOP(今回は150px)に到達したら固定配置に変化させ、さらに1000pxの地点に到達したら固定を解除する
※#contentの位置が194pxだが、ナビの設置位置はtopから150pxなので、その分(navの高さ44px)を引くように定義しています。
nav自体を基準値にすれば不要ですが、ヘッダーやコンテンツの高さが可変であることがほとんどだと思うので、色々と応用する際に今回のように定義すると楽です。(サイドバーを固定化したりなど)

まずは#contentの位置の確認

現在位置