jquery的行为很奇怪

我有一个jquery脚本,在父容器内的容器之间淡入淡出。根据单击的按钮(设计、Web),它确定哪个容器( #design , #web )淡出,哪一个淡出。

现在,关键在这里,这两个容器( α设计 , 网织物 )高度不同,因此当我淡出和淡入这些容器之间时,页面将直接跳到 fadeIn() 函数调用完成。那个位置 (x,y) 与没有容器时页面所处的位置完全相同( α设计 , 网织物 )在父容器(即空容器)内可见,页面一直滚动到 底部 .

以前有人遇到过这个吗?任何建议都非常感谢,因为这个问题一直困扰着我。

另外,我已经在Firefox和Safari中测试过了这两个版本,并且都显示了相同的问题。

//编辑1: 以下是您可以查看的URL: http://toolboxstudio.co.za/version3/?page=packages

如果要查看容器的外观为空: http://toolboxstudio.co.za/version3/?page=packages#empty ,然后您可以单击横幅下方的按钮(设计或Web)。它将淡入正确的内容,并在两者之间切换。确保您的页面只适合包含空容器的整个页面,页脚下没有多余的空间。然后单击按钮并向下滚动一小段,在两个按钮之间切换。你会明白我对翻页的意思。

代码如下:

$("div.design.button a").click(function () {
    $(this).parent("div").addClass("active");
    $("div.web.button").removeClass("active");

    if ($("div.web_content").is(":visible")) {
        $("div.web_content").fadeOut(function () {
            $("div.design_content").fadeIn();
        });
    } else {
        $("div.design_content").fadeIn();
    }
    window.location.hash = "#design";
    resizeWindow();

    e.returnValue = false;
    e.preventDefault();

    return false;

    alert("hello");     
});

$("div.web.button a").click(function () {
    $(this).parent("div").addClass("active");
    $("div.design.button").removeClass("active");

    if ($("div.design_content").is(":visible")) {
        $("div.design_content").fadeOut(function () {
            $("div.web_content").fadeIn();
            return false;
        });
    } else {
        $("div.web_content").fadeIn();
        return false;
    }
    window.location.hash = "#web";
    resizeWindow();

    e.returnValue = false;
    e.preventDefault();

    return false;

    alert("world");
});