Belirli Noktada Sabit Div Durdurma jQuery

Question

Sabit sayfamın web sayfamda belirli bir noktada kaymasını durdurmak istiyorum, ancak bulduğum çözümlerin hiçbiri gerçekten düzgün bir şekilde çalışıyor ve istediklerimi gerçekleştirdi ...

Bu benim şimdiki jQuery geçerli: Bu benim HTML

var windw = this; 
$.fn.followTo = function (pos) { 
    var $this = this, $window = $(windw); 

    $window.scroll(function(e){ 
     if ($window.scrollTop() > pos) { 
      $this.css({ 
       position: 'absolute', 
       top: pos 
      }); 
     } else { 
      $this.css({ 
       position: 'fixed', 
       bottom: -10px 
      }); 
     } 
    }); 
}; 

$('#qF').followTo(800); 

:

<div id="qF" class="central theater-dir-adown"> 
    <img src="data/img/prefs/dir_adown" class="dir-adown"> 
</div> 

Ve bu benim CSS:

.theater-dir-adown{ 
    cursor: pointer; 
    display: inline-block; 
    position: fixed; 
    bottom: -10px; 
    left: calc(100%/2 - 51px); 
    width: calc(75%/9); 
    height: auto; 
} 

.dir-adown{ 
    width: 100%; 
} 

Ne istediğim, #qF satırının 800px'de kaydırmayı durdurmasıdır, ancak kullandığım kod çalışmıyor ve div, sayfayı aşağı kaydırmaya devam edecektir. Kodumda bir çeşit hata olup olmadığından emin değilim ama birisi bana yardım edebilir mi? Yine

Teşekkür

Answer 1

.. jQuery'ye çok yeni üst ekleyin: 'otomatik' için pozisyon ayarlarken sabit

var windw = this; 
$.fn.followTo = function (pos) { 
    var $this = this, $window = $(windw); 

    $window.scroll(function(e){ 
     if ($window.scrollTop() > pos) { 
      $this.css({ 
       position: 'absolute', 
       top: pos 
      }); 
     } else { 
      $this.css({ 
       position: 'fixed', 
       bottom: -10, 
       top:'auto' 
      }); 
     } 
    }); 
}; 

$('#qF').followTo(800); 

üst ekleyebilirsiniz: pos + $ (pencere) .height() için kaldırmak alt

http://jsbin.com/fuzutaxiha/1/edit?html,css,js,output