現在jQueryで背景色が変るナビを作っていて…

質問

現在jQueryで背景色が変更するナビゲーションを作っていますが、他のブラウザでは反応するのに、firefoxでは反応しません。
トップページからとあるページの特定部分へのリンクの場合です。
スクロールすると背景が追従してくるので問題ないのですが、スクロールせずクリックしただけの場合無反応です。
おそらくjQueryがスクロールになっているからだと思うのですが、
どう書き換えたらいいのかが分かりません。
クリックしてそのページにジャンプした場合に反応するjQueryにするには、
どう書き換えたらいいのでしょうか？
急ぎご回答願います。

// JavaScript Document

$(window).load(function() {
var set = 300;//ウインドウ上部からどれぐらいの位置で変化させるか
var boxTop = new Array;
var current = -1;

//各要素の位置
$('.box').each(function(i) {
boxTop[i] = $(this).offset().top;
});
//最初の要素にclass="on"をつける
changeBox(0);

//スクロールした時の処理
$(window).scroll(function(){
scrollPosition = $(window).scrollTop();
for (var i = boxTop.length - 1 ; i >= 0; i--) {
if ($(window).scrollTop() > boxTop[i] - set) {
changeBox(i);
break;
}
};
});

//ナビの処理
function changeBox(secNum) {
if (secNum != current) {
current = secNum;
secNum2 = secNum + 1;//HTML順序用
$('#nav li').removeClass('on');
$('#nav li:nth-child(' + secNum2 +')').addClass('on');

/* 位置によって個別に処理をしたい場合
if (current == 0) {
// 現在地がsection1の場合の処理
} else if (current == 1) {
// 現在地がsection2の場合の処理
} else if (current == 2) {
// 現在地がsection3の場合の処理
}*/
}
};
});

回答No.2

nekomikekamo · ベストアンサー

scrollの処理をonload時にも動かせばいいのかな？
なんともイメージが出来ていませんが。
//スクロールした時の処理
var hoge = function(){
scrollPosition = $(window).scrollTop();
for (var i = boxTop.length - 1 ; i >= 0; i--) {
if ($(window).scrollTop() > boxTop[i] - set) {
changeBox(i);
break;
}
};
};
$(window).scroll(hoge);
hoge();

お礼

詳しく書いて頂きありがとうございました！
これに変更するとしっかり動作したので大変助かりました！
本当にありがとうございます。

回答No.3

fujillin

＞クリックしただけの場合無反応です。
ページ内リンクのクリックのことでしょうか？

状況がよくわからないので、ご提示の処理内容でOKなのでしたら、クリックした場合も同じ処理が走るようにしてしまえばいいのでは？
ただし、クリックした瞬間に処理してしまうと、まだ移動前の可能性があるのでわずかな時間差を設けておくほうが無難でしょう。

現状はscroll時の処理が無名関数になっていますが、これを
　　var scrollFunc = function(){ ～～～
とでもしておいて
　　$(document).click(function(){ setTimeout( scrollFunc, 10): });
みたいな感じではどうでしょうか？

お礼

記載いただきありがとうございます。
詳しく書いてくださったのでベストアンサーはNo.2さんにしましたが、
大変助かりました！

回答No.1

muuming2001

適当なところにアップして、実際にページのURLを晒していただくと１００倍早く回答がくると思います。

お礼

正しいご指摘いただきありがとうございます。無事解決することが出来ました。