鍍金池/ 問答/HTML/ js如何只監(jiān)聽窗口縮小

js如何只監(jiān)聽窗口縮小

窗口縮放的時候,js如何只監(jiān)聽窗口縮小,不監(jiān)聽放大

看來我沒有表達清楚,
頁面有個div需要自適應(yīng)窗口,
當窗口縮小的時候div也跟著縮小,
當窗口放大的時候div大小不發(fā)生變化

回答
編輯回答
巷尾

window.onresize

2018年2月11日 03:44
編輯回答
別瞎鬧

定義一個全局變量記錄當前窗口的寬度win1
window.onresize=function(){

獲取當前窗口的寬度與全局變量win2
if(win2<win1){
    //搞事情,,
    
   // 最后把win2的值賦給win1做下次判定的依據(jù)
    win1=win2;
}

}

以上是提供思路的偽代碼 如果對你有幫助,,給點積分~

2018年9月8日 21:26
編輯回答
涼薄

記錄窗口大小,resize的時候判斷是縮小還是放大,縮小的話再執(zhí)行你的函數(shù)

一樣的道理,假如我們只判斷寬度縮放

var width = $(window).width();
window.onresize = function(){
    var cur_width = $(window).width()
    $('div').css('width',Math.min(width,cur_width) + 'px');
    if(cur_width <= width){
        width = cur_width
    }
}

當然具體什么時候改變變量值(width = cur_width)看你需求。

2017年8月16日 16:59
編輯回答
淺時光
        var w = window.innerWidth;
        var h = window.innerHeight;
        window.onresize = function(){
            if(w>window.innerWidth||h> window.innerHeight){
                console.log('縮小');
            }
        }
2017年3月19日 09:26