W3C标准下js动态隐藏滚动条(document.body兼容处理)
2009-08-13 20:52
441 查看
资源地址:http://hi.baidu.com/%BF%D7%B7%B1%E1%AA/blog/item/c27de72ed1daf2574ec226f3.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Design Corp" content="www.mysuc.com" />
<meta name="Designer" content="hayden" />
<meta name="Designer mail" content="QQ:3996992" />
<meta name="robots" content="hayden" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body style="margin:0;padding:0;">
<div id="wawa" style="background:#ff0000;width:1800px;height:1800px;color:#fff;" ><A HREF="#" onclick="setwindow();">点击这里测试</A>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var temp_h1 = document.body.clientHeight;
var temp_h2 = document.documentElement.clientHeight;
var isXhtml = (temp_h2<=temp_h1&&temp_h2!=0)?true:false;
var htmlbody = isXhtml?document.documentElement:document.body;
var newdivs = false;
function setwindow(){
if (newdivs){
newdivs = false;
htmlbody.style.overflow = "auto";
}else{
newdivs = true;
htmlbody.style.overflow = "hidden";
}
}
//-->
</SCRIPT>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Design Corp" content="www.mysuc.com" />
<meta name="Designer" content="hayden" />
<meta name="Designer mail" content="QQ:3996992" />
<meta name="robots" content="hayden" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body style="margin:0;padding:0;">
<div id="wawa" style="background:#ff0000;width:1800px;height:1800px;color:#fff;" ><A HREF="#" onclick="setwindow();">点击这里测试</A>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var temp_h1 = document.body.clientHeight;
var temp_h2 = document.documentElement.clientHeight;
var isXhtml = (temp_h2<=temp_h1&&temp_h2!=0)?true:false;
var htmlbody = isXhtml?document.documentElement:document.body;
var newdivs = false;
function setwindow(){
if (newdivs){
newdivs = false;
htmlbody.style.overflow = "auto";
}else{
newdivs = true;
htmlbody.style.overflow = "hidden";
}
}
//-->
</SCRIPT>
</body>
</html>
相关文章推荐
- W3C标准下js动态隐藏滚动条(document.body兼容处理)
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- js document.createElement浏览器兼容处理
- js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
- 移动端 js 弹出层内容滚动的时候,不影响body的滚动条处理
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- JS动态添加HTML自定义属性以及处理HTML元素的自定义属性(兼容FIREFOX和IE)
- document.body兼容w3c标准的问题
- JS--构建自己的函数库之——浏览器兼容问题处理(持续构建中……)
- 关于Chrome谷歌浏览器版本更新对 document.body.scrollHeight 等 兼容日常小记
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- [转载 js]document.body ,window.screen javascript对象属性取值意义
- js 处理 ie和firefox window.frames 兼容问题
- 浏览器兼容处理(HTML条件注释、CSSHack和JS识别)
- Js特效--模仿滚动条(兼容IE8+,FF,Google)
- masterpage中服务器端控件命名规则和如何用控件名取得document中的对象,用js动态设置控件事件和属性
- js : 隐藏滚动条利用滚轴滚动
- [JS]document.body.clientHeight的取值(转)
- 使用js内置对象document对html的标签做一些动态的操作
- JS对select动态添加options操作[IE&FireFox兼容]