Banner scroll with windows scroll but stop and not overflow the div?
<p>Actually i want to stop the scroll the banner when the banner touch the bottom of the div Please help me ........ I am using this code</p>

<pre><code>&lt;script type="text/javascript"&gt;


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

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


        }); 


});
&lt;/script&gt;


&lt;div&gt; 
&lt;div class="smartBannerIdentifier"&gt;&lt;/div&gt;//here we stop the scroll of the banner and its on the top
&lt;div class="bannercomehere"&gt;

..................Here i call a Banner..............
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>
