jquery - slideToggle() 切换出屏幕

Question

我在使用 jquery 的 slideToggle() 时遇到问题。我正在使用以下方法切换页脚:

$(document).ready(function(){
    $('.close').click(function(){

            $('#footer').slideToggle();
            if( $(this).hasClass('active') )
                $(this).text('show');
            else
                $(this).text('hide');

        $(this).toggleClass('active');
    });     
});

在一个相当长的网站上。当我关闭或打开页脚时，我总能看到我用来切换页脚的 div，但是当重新打开时，页脚滑出屏幕(这样你就不得不向下滚动以查看它)。如何更改此设置以便页脚显示在我当前所在的屏幕部分？(好吧，我希望我的意思很清楚，因为我无法将任何内容上传到我的网络托管商自动取款机)。

http://jsfiddle.net/bm45k0ps/

Answer 1

你可以这样做:

版本 1:同时制作动画..

        $('#footer').slideToggle(500);
         $('html, body').animate({
                scrollTop: $("#footer").offset().top + $("#offset").height()
            }, 500);

版本 2:slideToggle 完成后的动画..

        $('#footer').slideToggle(function(){
            $('html, body').animate({
                scrollTop: $("#footer").offset().top + $("#offset").height()
            }, 500);
        });

看看这个 Fiddle ...