让脚本从特定div的顶部开始

Question

所以我基本上希望脚本从“迷你”div的顶部开始，但无法让它正常工作

#mini {
width: 100%;
padding-top: 300px;}

var tTop = $("#mini").outerHeight(true);

完整脚本：

$(window).scroll(checkY);

    function checkY() {
        //save this value so we dont have to call the function everytime
        var top = $(window).scrollTop();
        $(".title").each(function () {
            var target = $(this).closest(".content");
           var tTop = $("#mini").outerHeight(true);
            var tBottom = target.offset().top + target.outerHeight();
            if (top >= tTop && top <= tBottom) {
                console.log("Show");
                $(this).show();
            } else {
                console.log("Hide");
                $(this).hide();
            }
        });
    }
    checkY();

Answer 1

为什么不将迷你风格设置为

position:relative;

和内部div

position: absolute;  
top:0