窗口縮放自動顯示橫向滾動條

window.onresize = function(){ //事件會在窗口或框架被調整大小時發生
        if(document.body.offsetWidth<300){  //body寬度
            $("body").css("overflow-x","auto"); //設置body橫向滾動條
        }else{
            $("body").css("overflow-x","");//取消滾動條
        }
    }

 

 

 當body寬度<300px,會出現橫向滾動條

window.onresize會多次觸發，優化：

var  resizeTimer = null;

    function doResize(){
        if(document.body.offsetWidth<300){
            $("body").css("overflow-x","auto");
        }else{
            $("body").css("overflow-x","");
        }
    }

    window.onresize = function(){
        if(resizeTimer) clearTimeout(resizeTimer);//取消延時執行
        resizeTimer = setTimeout("doResize()",100);//延時執行
    }

 

setTimeout