IE6、IE7下禁用水平滚动条

不想再html那一层加overflow-x:hidden;

阅读 4.9k
评论
    1 个回答

    JS解决方法:

    <SCRIPT LANGUAGE="JavaScript">
    function autoScrollResize() {
    	var content_h = document.body.clientHeight; // 内容高度
    	var content_w = document.body.clientWidth; // 内容宽度
    	var broswer_h = document.documentElement.clientHeight; // 浏览器窗口的可视高度
    	var broswer_w = document.documentElement.clientWidth; // 浏览器窗口的可视宽度
    	if(content_h < broswer_h && content_w < broswer_w) {
    		document.getElementsByTagName('body')[0].style.overflow = 'hidden';
    		document.getElementsByTagName('html')[0].style.overflow = 'hidden'; // 在DTD标准下,为html元素设置overflow:hidden才能去掉滚动条
    	} else {
    		document.getElementsByTagName('html')[0].style.overflow = 'auto';
    	}
    }
    window.onload = function() {
    	if(window.ActiveXObject) { // 针对IE
    		autoScrollResize();
    		window.attachEvent("onresize", autoScrollResize); // 使用ie的resize时事件监听
    	}
    }
    </SCRIPT>
      撰写回答

      登录后参与交流、获取后续更新提醒