html_scrollposition_animation

HTML

<div id="test"></div>

<div>1<br>1<br>1<br>1<br></div>
<div id="intern_2">A<br>oberkante fenster und warten<br>(das warten finde ich auch blöd)<br>A<br>A<br>A<br>A<br>A<br>A<br></div>
    
<div>1<br>1<br>1<br>1<br>wenn das fenster runter animiert ist das oberkannte<br>jetzt beginnt der schrott bei mir kommt eine entlos hoch und runter<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br></div>

CSS

#test{position: fixed;top:0;right:0; border: 1px solid black;}

JavaScript

$(window).scroll(function() {
			var scrollTop = $(window).scrollTop();

			var pos_2t = $("#intern_2").offset().top;
			var pos_2h = $("#intern_2").height();

if(scrollTop > pos_2t){
  $('#test').animate({top: '200'},200);
}

if(scrollTop > (parseInt(pos_2t)+parseInt(pos_2h)) || scrollTop < pos_2t){
  $('#test').animate({top: '0'},100);
}

$('#test').html('scroll'+scrollTop+ '<br>pos '+pos_2t+ '<br>hei '+pos_2h );
		});