带有窗口的横幅滚动滚动但停止并且不会溢出div？

Question

其实我想在旗帜触摸div的底部时停止滚动横幅请帮助我........我正在使用此代码

<script type="text/javascript">


    $(document).ready(function(){
    $(window).scroll(function(){
        if  ($(window).scrollTop() > $(".smartBannerIdentifier").offset({ scroll: false }).top){
           $(".bannercomehere").css("position", "fixed");
           $(".bannercomehere").css("top", "0");
        }

        if  ($(window).scrollTop() <= $(".smartBannerIdentifier").offset({ scroll: false }).top){
           $(".bannercomehere").css("position", "relative");
           $(".bannercomehere").css("top", $(".smartBannerIdentifier").offset);
        }


        }); 


});
</script>


<div> 
<div class="smartBannerIdentifier"></div>//here we stop the scroll of the banner and its on the top
<div class="bannercomehere">

..................Here i call a Banner..............
</div>
</div>
</div>

Answer 1

$(document).ready(function()
        {
            $(window).scroll(function()
            {
                if ($(window).scrollTop() > $(".smartBannerIdentifier").offset().top)
                {
                    $(".bannercomehere").css("position", "fixed");
                    $(".bannercomehere").css("top", "0");
                }

                if ($(window).scrollTop() <= $(".smartBannerIdentifier").offset().top)
                {
                    $(".bannercomehere").css("position", "relative");
                    $(".bannercomehere").css("top", $(".smartBannerIdentifier").offset);
                }


            });


        });