divクラスをページと一緒に浮かべたままにする問題

Question

私はいくつかのことを試みてきましたが、うまくいきません。私は右の列にdivがあり、スクロールしながらそれをページ上のある点まで浮かせたい。

<div class="stickyDiv"> 
<div class="section mod-sticky" style="position: fixed; top: 70px;"> 
<p>Always float with page</p> 
</div> 
</div> 

jQueryでこれを行う簡単な方法はありますか？または単にCSS？

は、私が欲しいものを迅速jsfiddleは、すぐにそれがページで

https://jsfiddle.net/agwrbjh8/1/

をスクロールしますcontentbそれはクラスに到達するように感謝

Answer 1

は、私は私はあなたを理解し確認していないということですました。私はsticky-kit jQuery pluginになり

.mod-sticky { 
 
    position: fixed; 
 
    top: 70px; 
 
    border: 1px solid green; 
 
    right: 0; 
 
}

<div class="stickyDiv"> 
 
    <div class="section mod-sticky"> 
 
    <p>floater</p> 
 
    </div> 
 
    dasf asd asdf asdf 
 
    <p style="height:800px">Lorem... long text</p> 
 
</div>

Answer 2

：あなたはこのような何かを意味します。

となるように、あなたはそれを使用します。

$('.stickyDiv').stick_in_parent({ 
    parent: $('.content'), 
    offset_top: 70 
}); 

JSFIDDLE DEMO

も、その後.stickyDivはあなたが内に固執するつもりコンテンツのdiv要素の子になるように、あなたのHTMLを再構築し、しなければなりませんでしたmargin-leftを追加してコンテンツ領域の右側に配置します。あなたの状況ではうまくいかないかもしれませんが、元のマークアップでどのようにしたいと思うかはわかりません。