この例ではjQueryを使用していますが、かなり簡単に変更できます。この関数は、あなたが望むものに近いはずです。 100
は、#navのクラスを変更したいページの下のピクセル数です。あなたのCSSでは#nav.scrolling
宣言が position:fixed
への変更を処理していることを確認したいと考えています。
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$("#nav").addClass("scrolling");
}
});