IE6、IE7下禁用水平滚动条

Question

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

Answer 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>