IE6、IE7下禁用水平滚动条


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

internet-explorer-6 scroll

Fish鱼 10 years, 7 months ago

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>
蓝精灵主教 answered 10 years, 7 months ago

Your Answer