javascript - 两个元素，一个滚动条，都不滚动出平面

Question

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

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

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

我希望能够拥有它，以便无论侧边栏或主要内容的高度是否更大，当它位于 div 的底部，向后滚动将同时滚动，直到一个到达顶部，但另一个仍然可以滚动。

Answer 1

您的方向是正确的，但最终您想要做的是当滚动超过 1040 时使用 if 语句来 addClass("stickyBottom") 并且removeClass("stickyBottom") 当滚动小于 1040 时。

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

工作中example .