jquery - jQuery アクションにより、ページが一番上にスクロールする

Question

私はたくさんのlisを持っています：

<li id="rules-button">Rules</li>
<li id="download-button">Download WK</li>
<li id="gallery-button">Gallery</li>

divまた、それらには、 sを表示および非表示にする jQuery アクションが関連付けられています。

var rulesButton = $( '#rules-button'),
downloadButton = $( '#download-button' ),
galleryButton = $( '#gallery-button' );

...

rulesButton.on("click", function(){
    home.fadeOut(300);
    gallery.fadeOut(300);
    contact.fadeOut(300);
    about.fadeOut(300);
    download.fadeOut(300);
    rules.delay(300).fadeIn(300);
    return false;
});
downloadButton.on("click", function(){
    home.fadeOut(300);
    gallery.fadeOut(300);
    contact.fadeOut(300);
    about.fadeOut(300);
    rules.fadeOut(300);
    download.delay(300).fadeIn(300);
    return false;
});
galleryButton.on("click", function(){
    home.fadeOut(300);
    download.fadeOut(300);
    contact.fadeOut(300);
    about.fadeOut(300);
    rules.fadeOut(300);
    gallery.delay(300).fadeIn(300);
    return false;
});

それらをクリックするたびに、他のページを表示する前にページの上部にスクロールバックしますdiv。これは一般的な解決策を伴う一般的な問題ですか? ありがとう。