JAVASCRIPT获取网页可见区域大小

代码

< script language = " javascript " type = " text/javascript " >
function getClientBounds()
{
var clientWidth;
var clientHeight;

if ($.browser.msie)
{
clientWidth = document.body.clientWidth;
clientHeight = document.body.clientHeight;
}
else if ($.browser.safari)
{
clientWidth = window.innerWidth;
clientHeight = window.innerHeight;
}
else if ($.browser.opera)
{
clientWidth = Math.min(window.innerWidth,
document.body.clientWidth);
clientHeight = Math.min(window.innerHeight,
document.body.clientHeight);
}
else
{
clientWidth = Math.min(window.innerWidth,
document.documentElement.clientWidth);
clientHeight = Math.min(window.innerHeight,
document.documentElement.clientHeight);
}

return { width : clientWidth, height : clientHeight };
}

function resetLiveMessengerPosition()
{
var clientBounds = getClientBounds();
var container = document.getElementById( " liveMessengerContainer " );

var scrollLeft = (document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft);
var scrollTop = (document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop);

var containerLeft = scrollLeft + clientBounds.width -
container.clientWidth – 5 ;
var containerTop = scrollTop + clientBounds.height -
container.clientHeight;

$( " #liveMessengerContainer " ).css(
{top : containerTop + " px " , left : containerLeft + " px " });
}
< script >

 

转载于:https://www.cnblogs.com/MR_zhangBlog/archive/2010/07/07/1772714.html