一般的に使用されるブラウザ用の高さと幅の jquery プラグイン_jquery

复制代码代码如下:

(function($) {
/**
* ブラウザビューの幅を取得します
*/
$.viewWidth=function(){
var w = 0, D=document;
if( D.documentElement && D.documentElement.clientWidth ) {
w = D.documentElement. clientWidth;
} else if( D.body && D.body.clientWidth ) {
w = D.body.clientWidth;
return w ; *
* ブラウザビューの高さを取得します
*/
$.viewHeight=function(){
var h = 0, D=document;
if(document.compatMode!='CSS1Compat'){
h = D .body.clientHeight;
}else{
if( D.documentElement && D.documentElement.clientHeight ) {
h = D.documentElement.clientHeight;
} else if( D.body && D .body.clientHeight ) {
h = D.body.clientHeight;
}
return h;
}
/**
* アートボードの高さを取得します (つまり、すべてのコンテンツ、ブラウザーのコンテンツが不十分な場合のブラウザーの表示サイズ)
*/
$ .canvasHeight=function(){
var D=document,h=0;
h=Math.max(Math.max(D.body.scrollHeight,D.documentElement.scrollHeight),
Math. max(D.body.offsetHeight,D.documentElement.offsetHeight),
Math.max(D.body.clientHeight,D.documentElement.clientHeight)
); .browser.version>6&&D.body.scrollHeighth=D.body.clientHeight;
}
if($.browser.msie&&document.compatMode=='CSS1Compat'&&D.body.scrollHeight<$.viewHeight()){
if($.browser.version>7&&$.browser. version<9){
}else if($.browser.version>6&&$.browser.version<8){
}
h=D.documentElement.clientHeight;
}
h を返します。
}
/**
* アートボードの幅を取得します (つまり、すべてのコンテンツ、ブラウザーのコンテンツが十分でない場合、ブラウザーのビュー サイズになります)
*/
$.canvasWidth=function(){
var D=document,w=D.body.scrollWidth;
if(document.compatMode=='CSS1Compat'){
w=D.documentElement.scrollWidth;
}else{
if($.browser.msie&&$.browser.version<=6&&D.body.scrollWidth>$.viewWidth()){
w=Math.max(Math.max(D .body.scrollWidth,D.documentElement.scrollWidth)、
Math.max(D.body.offsetWidth,D.documentElement.offsetWidth)、
Math.max(D.body.clientWidth,D.documentElement.clientWidth) )
);
}
}
w を返します。
}
/**
* アートボードの幅を取得します (つまり、すべてのコンテンツ、ブラウザーのコンテンツが十分でない場合、ブラウザーのビュー サイズになります)
*/
$.scrollLeft=function(){
if(document.compatMode!='CSS1Compat'||($.browser.msie&&$.browser .version<=6)){
return Math.max($('body').scrollLeft(),document.documentElement.scrollLeft);
}else{
return $('body').scrollLeft();
}
}
/**
* アートボードの幅を取得します (つまり、すべてのコンテンツ、ブラウザーのコンテンツが十分でない場合、ブラウザーのビュー サイズになります)
*/
$.scrollTop=function(){
if (document.compatMode != 'CSS1Compat'||($.browser. msie&&$.browser.version<=6)) {
return Math.max($('body').scrollTop(), document.documentElement.scrollTop);
}else{
return $('body').scrollTop();
}
}
})(jQuery);