javascript - 如何在特定事件后停止 window.scroll()

Question

我正在使用 bootstrap collapse() 脚本来展开/折叠一个 div。我想在 .hidden() 上附加 window.scroll() 方法并在 .shown() 中停止 window.scroll()。但是 window.scroll() 总是附加到那个 div 上。

我的代码片段

    $('body').delegate('#div1', 'shown', function() {
    $('#label').children('i').removeClass('icon-plus-sign');
    $('#label').children('i').addClass('icon-minus-sign');
    $(window).scroll(function(e) {
        e.preventDefault();
        e.stopPropagation();
    });
});

$('body').delegate('#div1', 'hidden', function() {
    $('#label').children('i').removeClass('icon-minus-sign');
    $('#label').children('i').addClass('icon-plus-sign');
    $(window).scroll(function() {
        var scrollTop = $(window).scrollTop();
        $('#content').stop().animate({
            "marginTop": (scrollTop + '40px;' : (scrollTop) + "px" }, "slow");
    });
})

Answer 1

$('body').delegate('#div1', 'shown', function () {
    $('#label').children('i').removeClass('icon-plus-sign');
    $('#label').children('i').addClass('icon-minus-sign');
    $(window).off('scroll');
});

$('body').delegate('#div1', 'hidden', function () {
    $('#label').children('i').removeClass('icon-minus-sign');
    $('#label').children('i').addClass('icon-plus-sign');
    $(window).on('scroll', function () {
        var scrollTop = $(window).scrollTop();
        $('#content').stop().animate({
            "marginTop": (scrollTop + '40px;': (scrollTop) + "px"
            },
            "slow");
        });
    })

注意：您应该使用.on()而不是delegate