jQuery-更改宽度使页面跳至顶部

Question

我正在尝试使该导航侧栏在鼠标离开后滑动一段时间，以使文本部分扩展。 关键是，每当滑动功能启动时，页面就会跳到顶部。 没有使用“＃”，我尝试了溢出-y：滚动，在函数末尾返回false，preventDefault，但没有任何效果。

这是js代码

$(document).ready(function(){
    $("#navbar").delay(5000).animate({left: "-=15%"});
    $("#navwrap").css("width","2%").css("position","fixed");
    $("#bodywrap").delay(5000).animate({width: "90%"});

    $("#navbar").mouseleave(function(){
        $(this).stop(true, true).delay(3000).animate({left: "-=15%"});
        $("#bodywrap").delay(3000).animate({width: "90%"});
        $("#navwrap").css("width","2%").css("position","fixed");
    });

    $("#navwrap").mouseenter(function(){
        $("#navbar").stop(true,false);
        $("#bodywrap").stop(true,false);
        if ($("#navbar").css("left") != "0%"){
            $("#navbar").animate({left: "0%"});
            $(this).css("width","15%").css("position","initial");
            $("#bodywrap").animate({width: "75%"});
        };
    });
});

这是小提琴： http : //jsfiddle.net/uuw2dzry/1/

Answer 1

CSS可以完成许多动画和延迟

http://jsfiddle.net/fkL57v9d/

您的代码过于复杂，为错误和不良结果留有余地。
我会考虑以一种更简单的方式重新创建此页面。