jQuerys $（document）.height（）在mootools中？

Question

有沒有使用mootools的快速解決方案，就像從jquery中的 $（document）.height（） ？ 我只是簡單的需要真實文件高度，瀏覽器獨立。

謝謝！

Answer 1

所有你需要的是在Element.Dimensions的方法來進行。

window.getScrollSize().y是包含可滾動隱藏區域的文檔的高度。

Answer 2

不是一個框架，具體的事情：http://mootools.net/docs/core/Element/Element.Dimensions

window.getSize().y是視高：可以在純JS http://james.padolsey.com/javascript/get-document-height-cross-browser/

Answer 3

聲稱mootools的.getSize().y與jQuery的.height()相同的說法是錯誤的。 mootools getSize() documentation指出：

返回元素的高度和寬度，考慮邊框和填充。

但是jQuery .height() documentation顯示不包括邊界和填充。因此，該jQuery代碼不會改變元素的高度：

但這mootools的代碼將改變元素的高度，除非它沒有垂直邊框或填充：

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

正確答案是.getComputedSize() method。默認情況下.getComputedSize（）也包含邊框和填充，但與.getSize（）不同，可以覆蓋該行爲。

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