Question

我有一堆li s：

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

他们有关联的jQuery操作来显示和隐藏div s：

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。这是常见解决方案的常见问题吗？感谢。

Answer 1

我发现自从我div消失后，没有任何元素可以填补空间。我只是给了我的容器div一个min-height属性。

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

1 个答案: