jQuery操作导致页面滚动到顶部

我有一堆

li

s：

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

---

每当我单击它们时，它们都会在显示另一个

div

之前回滚到页面顶部。这是一个有共同解决方案的共同问题吗？谢谢。

我发现，由于我正在使

div

消失，因此没有任何元素填充空间。我只是给了我的容器

div

一个最小高度属性。

看起来这段代码并没有这样做。没有

a

标签吗？是的，不是这个代码。一定是在别的地方发生的。

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;
});