Question

我正在使用以下jquery函数来slideToggle .toggle-box并在slideToggle完成后滚动到顶部。向下滑动.toggle-box时效果很好但是当向上滑动时，两个函数似乎同时运行。工作示例：http://jsfiddle.net/7udLq/12/

jQuery(".toggle-box").hide();

jQuery("a.toggle").click(function (e) {

    jQuery(".toggle-box").slideToggle(1500, function () {
        jQuery("html,body").animate({
            scrollTop: jQuery(".toggle").offset().top
        }, {
            duration: 500,
            easing: "easeOutQuint"
        });
    });

    e.preventDefault();

});

更新修复实际上非常简单，并且可以使用简单的css。通过添加bottom：0;切换到正常的方框

.toggle-box {
    background-color:green;
    height:500px;
    bottom:0;
}

http://jsfiddle.net/7udLq/16/

Answer 1

问题是框slideup，身高变化以及浏览器scroll到页面顶部。

看看我在这里谈论的内容:(我在演示时使用slideDown / slideUp，在完成slideDown / scrolltop时插入临时div）

http://jsfiddle.net/7udLq/13/

反转后，切换后的运行功能无法正常工作

1 个答案: