当div滚动到另一个div时，如何从div中删除固定类

Question

我有一个div，一旦顶部到达浏览器的顶部它就保持固定。现在我需要它来移除当用户滚动到另一个div的顶部时固定的位置，并且我需要div保持下一个div的位置，因为当用户向上滚动时，不知道如何去做。这就是我得到的。

小提琴：https://jsfiddle.net/t600wkod/

任何帮助表示赞赏！

var top = $('.part1').offset().top - parseFloat($('.part1').css('marginTop').replace(/auto/,0));


$(window).scroll(function () {
    var y = $(this).scrollTop();
    // whether that's below the form
    if (y >= top) {
      // if so, add the fixed class
      $('.part1').addClass('fixed');
    } else {
      // otherwise remove it
      $('.part1').removeClass('fixed');
    }
});