調整大小需要刷新

Question

所以我想要做的是我有3 div每個div應該滾動另一個div，當它到達頂部它的位置應該是固定的。

所以一切正常，直到我們調整窗口的大小（它需要刷新頁面）。 如何解決這個問題？我的意思是我們不能在不刷新頁面的情況下做到這一點？

我使用調整大小，但它不適合我。我不知道這是否是使用正確的方式調整

我的工作

var $cache = $('#two'); 
var $cache2=$('#three'); 

var vTop = $cache.offset().top - parseFloat($cache.css('margin-top').replace(/auto/, 0)); 
var vTop2 = $cache2.offset().top - parseFloat($cache2.css('margin-top').replace(/auto/, 0)); 

$(window).scroll(function (event) { 
    var vTop = $cache.offset().top - parseFloat($cache.css('margin-top').replace(/auto/, 0)); 
     var vTop2 = $cache2.offset().top - parseFloat($cache2.css('margin-top').replace(/auto/, 0)); 
}); 

    $(window).scroll(function (event) { 
    var y = $(this).scrollTop(); 
    if (y >= vTop) {  
     $cache.addClass('stuck'); 
     $('#one').addClass('stuck'); 
     $('#two h2').addClass('stuck');  
    } else if(y>=vTop2) 
    { 
     $('#two h2').removeClass('stuck'); 
    } 
     else { 
     $cache.removeClass('stuck'); 
     $('#one').removeClass('stuck'); 
     $('#two h2').removeClass('stuck');  
    } 
    }); 

Answer 1

使用window.onresize處理元素的副本JSFiddle：這裏

window.onresize = function(event) { 
//handling code in between 
}