在代码片段中,我看到了这样的行:
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给他们不同的名字?
有没有人有这方面的想法?谢谢!
答案 0 :(得分:2)
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/