Почему в моем случае return не завершает функцию

Question

У меня есть этот код, который я использую для липкого заголовка, некоторые другие вещи.

function stickyHeader(index) {
  $('.worship-items .collapse').eq(index).on('hidden.bs.collapse', function() {
    shouldReturn = true;
    var header = $('.card-header').eq(index);
    header.removeClass('fixed-top');
    header.css('z-index', 0);

    // The return here is not ending the function?
    return false;
  });

  var shouldReturn = false;
  $(window).scroll(function() {
    if (shouldReturn == false) {
      var header = $('.card-header').eq(index);
      var scroll = $(window).scrollTop();

      if (scroll >= $('.card').eq(index).offset().top) {
        header.addClass('fixed-top');
        header.css('z-index', 10);
      } else {
        header.removeClass('fixed-top');
        header.css('z-index', 0);
      }
    } else {
      // return here is not ending the function.
      return false;
    }
  });
}

По какой-то причине return не завершает функцию. Я узнал, что return не завершает функцию, если она находится в while, for, foreach или loop, но я не использую это здесь.

Есть ли что-то, что я я делаю не так?