Как сделать элемент подходящим для экрана?

Question

Итак, я делаю игру, и я хочу, чтобы холст был полной шириной и высотой страницы. Я написал функцию, чтобы получить ширину & высоты страницы:

function getWindowSize() 
{ 
    var width = window.innerWidth 
       || document.documentElement.clientWidth 
       || document.body.clientWidth; 

    var height = window.innerHeight 
       || document.documentElement.clientHeight 
       || document.body.clientHeight; 

    return {width:width, height:height}; 
} 

И это работает довольно отлично подходит для получения размера страницы. Проблема возникает, когда я инициирую свой объект Kinetic.Stage, и мне нужно установить ширину &. Когда я устанавливаю ширину и высоту сцены на свойства ширины или высоты, возвращаемые getWindowSize, я получаю полосы прокрутки, что очень раздражает, и мне приходится вычитать 25 из каждого значения.

Так что я спрашиваю: есть ли простой способ сделать элемент подходящим для страницы без использования вычитания возвращаемого значения моей функции?
Заранее благодарен!

Answer 1

Если вы хотите, чтобы холст, чтобы быть на всю ширину и высоту экрана, а затем, вероятно, вы никогда не хотите скроллбары, так ты не мог просто сделать:

body { 
    overflow:hidden; 
} 

предотвратить скроллбары от того, (и в некоторых случаях страница прокрутки вообще)?

Answer 2

Один из способов обойти это сделать вертикальную полосу прокрутки всегда присутствует, который, как я имею дело с такой проблемой:

html { 
    overflow-y: scroll; 
}