$（窗口）.resize（）在移動設備上

Question

例如滾動時執行，但是當我向下滾動時它也被附加。這意味着當我到達原始文本的末尾時，大約有20個附加段落。

這隻發生在移動設備上（到目前爲止我已經檢查過Chrome，Safari和Firefox），而不是在桌面瀏覽器上。

有沒有辦法阻止這種情況發生，只有當窗口（你看到）被調整大小後才附加段落？ 或者可能只有調整大小內的代碼每隔一段時間執行一次？

感謝。

Answer 1

移動設備的問題在於，他們有滾動時隱藏的瀏覽器工具欄，導致屏幕更改（激活resize事件），這意味着您必須對代碼進行一些驗證並檢查原因是調整大小事件被解僱。

我使用的一種方法是保存窗口寬度並檢查正確的窗口寬度是否相同或更改。如果它發生了變化，那麼這意味着追加應該發生（在你的情況下）。

var dwidth = $(window).width(); 

$(window).resize(function(){ 
    var wwidth = $(window).width(); 
    if(dwidth!==wwidth){ 
     dwidth = $(window).width(); 
     console.log('Width changed'); 
    } 
});