2015-09-18 17 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/