如何在jQuery/Javascript中觸發'resize'事件時更新'scroll'事件中使用的全局變量？

Question

我有一些變量，全局聲明：

var a = $('.ela'); 
var b = $('.elb'); 
var top_a = $('.ela').offset().top; 
var top_b = $('.elb').offset().top; 

我用這些變量「滾動」事件應用於<main>元素：

$('main').on('scroll', function(top_a, top_b) { 
// do something with top_a and top_b 
} 

現在，我需要使用這些變量的更新值在事件$（窗口）.resize（），所以我寫：

$(window).resize(function() { 
    top_a = $('.ela').offset().top; 
    top_b = $('.elb').offset().top; 
}) 

這樣的全局變量被更新，但在$（ '主'）上。 （'滾動'，功能等）我得到舊值...

我在哪裏做錯了？

Answer 1

你是不是傳遞變量scroll事件在

$('main').on('scroll', function(top_a, top_b) { 
// do something with top_a and top_b 
}) 

top_a將引用event對象，而不是top_a變量。

您可以直接引用變量

$('main').on('scroll', function(event) { 
    // do something with top_a and top_b 
    console.log(top_a, top_b) 
});