2016-04-22 17 views
0

現時点では、私はJavaScriptとjqueryで書く方法を学習しています。しかし、単純なjqueryコードを書いたところ、ページ/ウェブサイトに入ると自動的に特定のdivにスクロールします。スクリプトは、ページ/ウェブサイトを読み込んでいて、自動的に必要なdivにスクロールするときにうまくいきます。私はブラウザをリフレッシュしているときに問題が発生しています。リフレッシュされたページの後、スクリプトはdivにスクロールしたくないので、コードを指しています。誰かが私を助けることができたら、私は本当に感謝し、事前に感謝するでしょう。jQuery - ページをリフレッシュした後に動作しません

ChromeとOperaでは、更新が行われた後もスクリプトが機能しています。しかし、私はFirefox、IE、Edgeで同じことは言えません。

$(document).ready(function() { 
    $(".Left_Container").animate({ 
     scrollTop: $(".Home_Left").offset().top 
    }, 0); 
}); 

PS:「HTML、body」の代わりに「Left_Container」を使用しています。その特定のdivのみをスクロールしたいからです。

敬具、

ジョージ・S.

+0

あなたはこのか何かのjsbinのように作成することができますか?私はあなたの問題を完全に理解していません。 '$(document).ready()'は、ページがリフレッシュされるたびに実行されます。 – hvchris

+0

@hvchris申し訳ありませんが、私は重要な部分を見逃しました。このスクリプトはChromeとOperaで動作しています。しかし、Firefox、IE、Edgeでは、更新ボタンを押した後にスクリプトが機能しなくなります。 –

答えて

3

それはあなたのコードの問題ではないので、一部のブラウザでは、ページを再読み込みした後に、あなたのスクロール位置を保存します。

何ができることだけで瞬時にトップとし、このようなあなたのdivにアニメーション化するためにスクロールするブラウザを強制されています

$(document).ready(function() { 
    $(".Left_Container").scrollTop(0); // go to the top instantly (no animation) 
    $(".Left_Container").animate({ // then animate down 
     scrollTop: $(".Home_Left").offset().top 
    }, 0); 
}); 
関連する問題