Sticky Div停在某个div / point

Question

我已经编写了下面的脚本来创建一个效果很好的粘性div，唯一的一件事是我需要它在某个点击中另一个div时停止。

以下是我写过的代码可能有人在那里施展JavaScript。

$(document).ready(function() {
  var stickyNavTop = $('.scroll').offset().top;
  var stickyNav = function() {
    var scrollTop = $(window).scrollTop();
    var stickyHeight = $('.container.social').height();
    var limit = $('.container.social').offset().top - stickyHeight - 400; //stop when it gets here.
    if (scrollTop > stickyNavTop) {
      $('.scroll').addClass('sticky');
    } else if (limit < scrollTop) {
      $('.scroll').removeClass('sticky');
    } else {
      $('.scroll').removeClass('sticky');
    }
  };
  stickyNav();
  $(window).scroll(function() {
    stickyNav();
  });
});

任何帮助都会很棒。