2015-09-18 44 views
0

在代碼片段,我看到了這樣的臺詞:在YUI中,clientHeight,winHeight和docHeight有什麼區別?

var headerHeight = Y.one('#header').get('clientHeight'); 
    var $body = Y.one('body'); 

    this.viewportH = $body.get('winHeight'); 
    this.docHeight = $body.get('docHeight'); 

據我瞭解,clientHeight相同winHeight,而scrollHeight是一樣的docHeight。這是真的嗎?如果是這樣,爲什麼YUI給他們不同的名字?

有沒有人有關於此的想法?謝謝!

回答

1

winHeight返回視口的內部高度 - 不包括滾動條。這是你的瀏覽器大小(如果調整瀏覽器會有不同的值)

docHeight返回文檔的當前高度,這不是在屏幕上顯示的內容,但所有的頁面大小。

看看這裏,點擊其中要求:

http://www.wfimc.org/public/js/yui/3.0.0/examples/node/node-screen_clean.html

clientHeight回到你的框架的尺寸排除scroolbar: 就以這個事件來看看:document.getElementById("client").onclick = function(){whatis('client');} 在: http://jsfiddle.net/shibualexis/yVhgM/3/