0

テストサイトを開いた場合: http://devauth.labscope.de/htmlapp/report-overview_test.html

左上のアイコン(フィルター)をクリックして、コンテンツとフッターが左にスライドすると、コンテンツのスクロールバーがこれを行うため、フッターコンテナーがコンテンツコンテナーと同じ幅ではないことがわかります。

ここに画像の説明を入力

コードでこれを解決するにはどうすればよいですか?:

jQuery('.filter').on("click", function(e){
        e.preventDefault();

        var state   = $(this).data('state'),
            wrapper = $('#content').data('left'),
            footer  = $('#footer').data('left');

        jQuery("#content").animate({
            left: state ? wrapper : -250,
            duration: 1000
        }, "normal");

        jQuery("#footer").animate({
            left: state ? footer : -250,
            duration: 1000
        }, "normal");

        jQuery(this).data('state', !state);


    });

誰かがアイデアを持っていることを願っています。

4

1 に答える 1

1

これを試して:

$(document).ready(function() {
    $('#footer').width($('#content').width());
});
于 2013-10-16T13:43:40.933 に答える