两个元素，一个滚动条，既没有滚出平面

Question

JSFiddle：https://jsfiddle.net/q6q499ew/

到目前为止，我有一个非常基本的系统，所以如果你滚过某个点，它应该会卡住，直到你开始向后滚动。

$(".body").scroll(function(){ 
    $(".mainContent").toggleClass("stickyBottom", $(this).scrollTop()>1040)
}).scroll()

我希望能够拥有它，无论sidebar或main content的高度是否更高，最低的那个将在它位于底部时停止div，向上滚动将同时滚动，直到一个到达顶部，但另一个仍然可以滚动。

Answer 1

你走在正确的轨道上，但最终你要做的是当滚动超过1040时使用if语句到addClass("stickyBottom")，当滚动小于10 {0}时使用removeClass("stickyBottom") 1040。

$(".body").scroll(function() { 
  if ($(this).scrollTop() > 1040) {
    $(".mainContent").addClass("stickyBottom");
  } else {
    $(".mainContent").removeClass("stickyBottom");
  }
});

工作example。