0

JavaScript を使用して要素を配置しています。それを完璧に行うには、利用可能な水平方向のスペースを確保する必要があります。悪いことに$(window).width()、スクロールバーの幅を考慮していません。結果は次のとおりです。

悪い http://dl.dropbox.com/u/62862049/Screenshots/fb.png

ここで、「Pagina 1」は、ウィンドウの右端に揃えられるはずだった小さな div に含まれています。文字通り、div の一部を覆うスクロールバーを無視し、「Página 1」の「1」を次の行にスローします。

4

2 に答える 2

0

この機能を使用する

function scrollbar_width() {

        var calculation_content = $('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="height:100px;"></div>');
        jQuery('body').append(calculation_content);
        var width_one = jQuery('div', calculation_content).innerWidth();
        calculation_content.css('overflow-y', 'scroll');
        var width_two = jQuery('div', calculation_content).innerWidth();
        jQuery(calculation_content).remove();
        return (width_one - width_two);

    }

で利用できるようになりました

var availableWidth = $(window).width() - scrollbar_width();
于 2013-03-05T05:05:08.007 に答える
0

これは、前の 2 つの質問に似ています。

スクロールバーなしでjqueryの要素のinnerWidthを取得する方法

と

(マイナス)スクロールバーなしで画面幅を取得するには?

于 2013-03-05T05:01:33.930 に答える