Dur yapışkan önyükleme sütunu div

Question

iki sütunlu basit önyükleme satır varsa ulaştığında: Bu komut dosyasına

<div class="row"> 

    <div class="col-xs-7"> 
    <p>All the way with you</p> 
    </div> 

    <div class="col-xs-5" id="stay"> 
    <p>So happy to go</p> 
    </div> 

</div> 

<div id="stop"> 
    <p>DON'T GO HERE.</p> 
</div> 

teşekkür id #stay ile sütun ilk sütununu aşağı tüm yol takip edecek:

İşte bir örnek: https://jsfiddle.net/16vqvqev/7/. #stop id ile div'a ulaştıktan sonra aşağı doğru takip eden sütunu durdurmak için başarmak istiyorum.

1. Bu j'ler ile nasıl yapabilirim?
2. Bunu eki bootstrap ile yapmaya çalıştım ama çok da gitmedi ... Bu durumda nasıl olurdu?

DÜZENLEME: Web sitem aslında yapışkan sütun ile satırın önce bazı içeriğine sahiptir, bu nedenle kodu şöyle aslında: https://jsfiddle.net/16vqvqev/11/ Sorununuz şimdi ise açıklamaya hafif ayarlama ile sabittir

Answer 1

, yerine pencerenin yüksekliği için kontrol etmeyi buna

https://jsfiddle.net/dmitri_aleksejev/16vqvqev/8/

önce olduğu gibi ekran ya #DURDUR üstüne sopa veya kaydırma taşındı ve ona göre nereye nihai pozisyonunu kontrol yapılmış 0

top: scrollTop 
- originalY 
+ topMargin 
+ element.height() 
+ parseInt(element.css("padding-bottom")) 
> end 
    ? element.css("top", end - $(element).height() - 60) 
    : scrollTop - originalY + topMargin 

yerine:

top: scrollTop < originalY 
    ? 0 
    : scrollTop - originalY + topMargin