窗口调整大小后更改变量值

Question

我需要在窗口调整大小后更改值偏移。

$(document).ready(function () {
    var top_offset = $('header').height() - 1;
    $('header h1 a, nav li a').click(function () {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top - top_offset
        }, 500);
        return false;
    });

    //  dynamic margin-top for first section 'about'
    $("#about").css('margin-top', top_offset);
})

我试过了：

$(window).on('resize', function() {
    top_offset = $('header').height() - 1;
});

但它不起作用。仍然显示较旧的值。

Answer 1

我认为你需要在重新绑定它之前取消绑定resize事件。代码看起来应该是这样的：

`$(window).unbind('resize', handleOffset)
 $(window).bind('resize', handleOffset) 
 function handleOffset(param) {
     //your code to reset offset
     //and yes you should look for the scope of top_offset variable
 }`