Javascript 显示div时使用"；“元素”；到达页面顶部

我不熟悉

jQuery

，我创建了一个页面，我希望当一个块

如2011年10月1日

到达页面顶部时，它会通过

id

或

日期属性显示特定
div
的内容

当你点击一个日期时，它将显示该日期的内容，但我希望它在该日期块到达页面顶部时出现

我已经在网上查过了，但到目前为止还没有找到运气。
使用scroll事件检查您感兴趣的div，例如为它们分配类。

在这种情况下，您可以检查每个元素的位置
要确定页面上的位置元素，请使用
-顶部组件
但不要取这个值-您需要减去返回的窗口滚动位置

$(window).scrollTop()

并在元素应该打开和关闭时创建一些边界值。
根据我理解的您的描述，您必须在“main.js”文件中添加一行代码

我希望我已经解决了您的问题，如果没有，那么请在JSFIDLE中为我提供确切的代码链接

注意。
您需要在页面中显示代码的相关部分。然后我们就能修好它。
// javascript + jquery scripts 

 // script for fading in content boxes -->
         $(".square").on("click", function() { 
            var id= $(this).attr("contentId");
            //$("#details");
            $('#details').fadeOut('slow', function() {
              $(this).html($("#" + id).html()).fadeIn('fast');
            });
        });

       // active link -->
        $(".square").click(function() {
            $(".square").removeClass("active");
            $(this).addClass("active");



            $("html, body").scrollTop($(this).position().top); // THIS IS THE LINE TO BE ADDED TO SCROLL TO THE CURRENT DATE ITEM           



        });

        // fade in main content div / intro
        $(document).scroll(function () {
            var y = $(this).scrollTop();   
            if (y > 10) {
                $('.topBlock').fadeOut();
            } else {
                $('.topBlock').fadeIn();
            }
        });

        // hide intro text onClick on list 
        $( "li" ).click(function() {
          $( ".topBlock" ).hide().animate();
        });

        var viewportHeight = $(window).height();
    //$j(".parallax_section_holder").css("height",$j(window).height()-116);
    //alert(viewportHeight);