cześć
mam w js/jquery takie coś:
Kod
<script type="text/javascript" src="jquery.min.js" ></script>
<script type="text/javascript">
jQuery(function ($) {
    var $body = $("body");
    
    $(window).scroll(function () {
        $body.toggleClass("gt200", $(this).scrollTop() > 250);
        
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#login-toggle').click(function() {
  $('#login-content').slideToggle(300, function() {
  $("#login-toggle p").toggle();
  });
});
});
</script>
, a w cssie
Kod
.gt200 #prawakolumna {
    top: 0;
    position: fixed;
    right: 0;
}

gdy chcę przewinąć stronę div na którym to zasotsowałem przesuwa się na krawędź ekranu. jak zrobić, żeby przy przewijaniu ten div trzymał się krawędzi diva nadrzędnego(tego w którym on sam jest)?