youtube tarzı yorumların üstüne gelince gözükmesi

youtubedeki gibi scroll aşşağı çekince yorumlar gözüksün istiyorum..

sadece show hide tarzı. amacım veri çekmek değil. sadece gizlemek göstermek umarım anlatabilmişimdir..

Aradığınız şey bu galiba

Burada da anlatımı var

ben basit bir hide istiyordum ama teşekkürler bakıcam..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 02:35:03 -->-> Daha önceki mesaj 00:40:21 --

yorumlar için yapıyorum bunu ama hiç örnek yok. çok dardayım :/

.comments-wrap{display:none;}

<div id="comments">
    <div class="comments-wrap">
        <div class="comment">1</div>
        <div class="comment">2</div>
        <div class="comment">3</div>
        <div class="comment">4</div>
        <div class="comment">5</div>
    </div>
</div>

<script>
        function isOnScreen(element){
            var curPos = $(element).offset();
            var curTop = curPos.top;
            var scrollTop = $(window).scrollTop();
            return (scrollTop < curTop);
        };
        $(function(){
            $(window).scroll(function() {
                if(isOnScreen('#comments')){
                    $('.comments-wrap').show(300);
                }
            })
        });
    </script>

test etmeden direk r10 uzerinden yazdim gozden kacirdigim birsey yoksa calismasi gerek hata cikarsa test ederek tekrar yazarim

hocam şekilli açılması dışında loading.gif gibi dönen bişey yapabilir miyiz?

teşekkürler

.comments-loading{display:block;}

<script>
        function isOnScreen(element){
            var curPos = $(element).offset();
            var curTop = curPos.top;
            var scrollTop = $(window).scrollTop();
            return (scrollTop < curTop);
        };
        $(function(){
            $(window).scroll(function() {
                if(isOnScreen('#comments')){
 $('.comments-loading').hide("slow",function(){
$('.comments-wrap').show(300);
});
                }
            })
        });
    </script>

<div id="comments">
<div class="comments-loading">
\img src="loading.gif" title="yorumlar yukleniyor" />
</div>
    <div class="comments-wrap">
        <div class="comment">1</div>
        <div class="comment">2</div>
        <div class="comment">3</div>
        <div class="comment">4</div>
        <div class="comment">5</div>
    </div>

yine kodda ufak tefek sorunlar cikabilir denemeden yaziyorum bu sekilde istedigin gibi olacak en basit hali ile