jquery блок меняет полож...

[alextwinner]

Сначала блок (содержание статьи) находится в начале поста на своем месте
Как только начинается скрол - блок пропадает
После появлется и фиксируется слева
Если прокрутить страницу в само начало - блок на исходной позиции не появляется

Сейчас вот такой код

PHP код:

<script type="text/javascript"> 
$(function(){
 $(window).scroll(function() { 
  var top = $(document).scrollTop();
   if (top < 200) $(".table_of_contents").css('position', 'absolute').stop().fadeOut(100);
   else $(".table_of_contents").css({top: '20%', left: '3px', position: 'fixed', width: '250px'}).fadeIn(500);
 });
});
</script> 


Как сделать что бы:

1. блок возвращался на исходную позицию в начало поста, когда страницу прокрутили назад вверх
2. что бы блок пропадал не сразу при начале скрола, а например при прокрутке до 500 px

[alextwinner]

нашел вот такое решение - все работает, но слишком резко

PHP код:

<script>
$(window).on("scroll", function() {
    if ($(window).scrollTop() > 700) $('.contents').addClass('contfix');
          else $('.contents').removeClass('contfix');
    });
</script> 


как сюда правильно добавить какой нибуть эффект плавный?
появление или выдвижение..

[alextwinner]

добавляю например вот так slideDown()

PHP код:

<script>
$(window).on("scroll", function() {
    if ($(window).scrollTop() > 700) $('.contents').addClass('contfix').slideUp();
          else $('.contents').removeClass('contfix')slideDown();
    });
</script> 


но при прокрутке блок алавно появляется и сразу исчезает

[easymisc]

removeClass('contfix')slideDown()
точка пропущена?

[alextwinner]

нет
removeClass('contfix').slideDown()
просто тут опечатался