title: div positions while page scroll
body: <p>I have two div left and right and on left part I set position fixed while scrolling and when scroll is about to finish I remove position and set it to bottom zero. Similar concept like flipkart does on their product detail page.</p>
  
  <p>This is my code for that.
  Javascript</p>
  
  <pre><code>$(window).scroll(function() {
  if ($(window).scrollTop() &gt; 10 ) {   
     $(".fixedSlider").addClass("DivAffix");
     $(".fixedSlider").removeClass("DivBottom");
    if($(window).scrollTop() + $(window).height() &gt; $(document).height()  - 100) {
  
      $(".fixedSlider").removeClass("DivAffix");
      $(".fixedSlider").addClass("DivBottom");
    }  
  } else {
  
  }
  });
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.DivAffix{position: fixed;width: 480px;}
  .DivBottom{position: absolute;bottom: 0}    
  .fixedSlider { min-height: 516px;}
  </code></pre>
  
  <p>It's working fine but when I increase the resolution the left part not working properly. It jerks and set to bottom.</p>