jQuerys $ (document) .height () в mootools?

Question

Есть ли быстрое решение для mootools, которое действует как $ (document) .height () из jquery?Мне просто нужна реальная высота документа, независимая от браузера.

спасибо!

Answer 1

Все необходимые методы находятся в Element.Dimensions: http://mootools.net/docs/core/Element/Element.Dimensions

window.getSize().y - высота окна просмотра.

window.getScrollSize().y - высота документа, включая прокручиваемую скрытую область.

Answer 2

Утверждение, что mootools .getSize().y совпадает с jQuery .height(), неверно. Документация mootools getSize () гласит:

Возвращает высоту и ширину элемента с учетом границ и отступов.

Но документация jQuery .height () показывает, что границы и отступы не включены. Следовательно, этот код jQuery не изменит высоту элемента:

myElement.height(myElement.height())

Но этот код mootools изменит высоту элемента, если у него нет вертикальных границ или отступов:

myElement.setStyle('height', myElement.getSize().y+'px')

Правильный ответ - метод .getComputedSize () . По умолчанию .getComputedSize () также включает границы и отступы, но, в отличие от .getSize (), это поведение можно переопределить.

var elementHeight = myElement.getComputedSize({styles:[]}).totalHeight

Answer 3

Не специфичная для фреймворка вещь: можно сделать простым JS http://james.padolsey.com/javascript/get-document-height-cross-browser/