Javascript 页面滚动时的div位置

我有两个div左和右，在左边部分，我在滚动时设置位置固定，当滚动即将完成时，我移除位置并将其设置为底部零。类似于flipkart在其产品详细信息页面上的概念

这是我的代码。 Javascript

$(window).scroll(function() {
if ($(window).scrollTop() > 10 ) {   
   $(".fixedSlider").addClass("DivAffix");
   $(".fixedSlider").removeClass("DivBottom");
  if($(window).scrollTop() + $(window).height() > $(document).height()  - 100) {

    $(".fixedSlider").removeClass("DivAffix");
    $(".fixedSlider").addClass("DivBottom");
  }  
} else {

}
});

css

---

它工作得很好，但当我提高分辨率时，左侧部分工作不正常。它会猛地一跳，然后设置到底部。

实际上，在滚动>10之后，你的代码会添加/删除类，然后滚动到高于窗口的位置，同时>10你的代码会在每个滚动上添加/删除类，然后删除/添加类

$(window).scroll(function() {
   if ($(window).scrollTop() > 10  && $(window).scrollTop() + $(window).height() < $(document).height()  - 100) {   
     $(".fixedSlider").addClass("DivAffix").removeClass("DivBottom");
  }
  if($(window).scrollTop() + $(window).height() > $(document).height()  - 100) {
    $(".fixedSlider").removeClass("DivAffix").addClass("DivBottom");
  }
});

所容纳之物 固定滑块

$(window).scroll(function() {
   if ($(window).scrollTop() > 10  && $(window).scrollTop() + $(window).height() < $(document).height()  - 100) {   
     $(".fixedSlider").addClass("DivAffix").removeClass("DivBottom");
  }
  if($(window).scrollTop() + $(window).height() > $(document).height()  - 100) {
    $(".fixedSlider").removeClass("DivAffix").addClass("DivBottom");
  }
});