Можно ли получить ширину и высоту используемого пространства на странице? - другими словами: максимальный размер прямоугольника, который можно поместить на страницу без полос прокрутки.

Я использую jquery datatable, где весь контент прокручивается - я хотел бы установить значение "sScrollY" на максимально возможный.

0
nagy.zsolt.hun 28 Янв 2013 в 16:33

4 ответа

Лучший ответ

Поместите оболочку на другой контент и используйте следующий JavaScript, чтобы получить объем доступного пространства на странице.

var wHeight = parseFloat(document.getElementById("wrapper").style.height);
var pHeight = $("body").height();
var empty = pHeight - wHeight;
0
Qvcool 12 Май 2013 в 13:51

Если я хорошо понял, попробуйте этот jsbin: http://jsbin.com/exojes/3/edit

Js

$(function() {

    var div = $('div').eq(0),
        de  = document.documentElement;

    div.css({
      width: de['offsetWidth'] + 'px',
      height: de['offsetHeight'] + 'px' 
    });

});

CSS

div {
   /* box-sizing is useful if you're using borders or inner paddings */
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 

   border: 2px green dotted;
   position: absolute;
   top: 0; left: 0;
}

В противном случае, без использования JavaScript, вы можете просто использовать этот CSS

html, body, div {
   height: 100%;
   width: 100%;
}

div {
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 
   border: 2px green dotted;
   position: absolute;
   top: 0; left: 0;
}
0
Fabrizio Calderan 28 Янв 2013 в 12:48

Следующее даст вам ширину и высоту окна

width = $(window).width();
height = $(window).height();
0
Stuart Grant 28 Янв 2013 в 12:43

Вы можете получить width и height из body и использовать их

var height = $("body").height();
var width = $("body").width();
0
U.P 28 Янв 2013 в 12:47