jqueryを使って特定の位置でdivを固定する方法は？

Question

divを特定の位置に固定する際に問題に直面しています。右側の特定の位置にdivを固定する必要があります。中央の部分はスクロール可能でなければなりませんが、ログインした後は、固定されていませんが、プロファイルページを更新したときに修正されます。

これは私のjQueryのコードです：

$(document).ready(function() { 
    function profileInfo() { 
     var element = $('.follow-scroll'); 
     var originalY = element.offset().top; 
     var topMargin = 0; 
     element.css('position', 'relative'); 
     $(window).on('scroll', function (event) { 
      var scrollTop = $(window).scrollTop(); 
      element.stop(false, false).animate(
      { 
       top: scrollTop < originalY ? 0 : scrollTop - originalY + topMargin 
      }, 0); 
     }); 
    } 
}) 

HTMLコード：

<div class="col-xs-12 col-sm-12 col-lg-2 ord-3 npd visible-lg"> 
      <div class="pfasdfxd follow-scroll"> 
       <div class="prfsdbg"> 
        <div class="prfasdr text-center"> 
         <img src="/images/Latte-image.png"> 
        </div> 
        <div class="ntfsnt">Don't be basic</div> 
        <p class="prsntxt"> 
         Upgrade to premium today!<br> 
         Starting at just $15 
        </p> 
        <div class="text-center"> 
         <a href="#" type="button" class="ntfbtn btsm">View plans</a> 
        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

あなたはjQueryのを使用する必要がある場合、私は、この場合には（特定の場所でのdivを修正するために、これを行う必要があります右に固定し、上のYは上から必要なピクセル数です）

function profileInfo() { 
    $('.follow-scroll').css({position: 'fixed', right: 0, top: "Ypx"}); 
} 

いつもhそれは特定の場所に固定されています。

.follow-scroll {position:fixed, right:0; top: Ypx;}