[jQuery] Re: JQuery sliding div issue

i didnt test your code but if you say it works then i think you just
need a resize listener:

$(window).resize(function(){
// do stuff
});

cheers
j

On Sep 30, 12:23 pm, jpearson311 <jpearson...@hotmail.com> wrote:
> Hi all.  JQuery noob here.  I'm building a site right now that has a
> left column navigation and the navigation is nested inside a div,
> which is nested inside a table cell (i.e., <td>).  I'm using JQuery to
> make it so when the user scrolls down the page, the div slides down
> smoothly and always stays at the top of the page.  I have this
> working just fine, but when I change resolutions (i.e., 1024x768), the
> div scrolls over the bottom of the page, which is what I don't want.
> How can I calculate in order for the div to know when it hast reached
> the bottom of the table cell?  I tried using outerHeight to calculate
> the height of the table cell and then subtracting the height of the
> div from it, but I'm clearly doing it wrong because it's still not
> working.  You can view the page I'm referring to atwww.ts24.com/watersedge/overview.cfm.
> The JS code I'm using is below.  If anyone has any pointers, I'd
> really appreciate it.  Thanks!
>
> Jesse
>
> var name = "#scroller";
> var menu_top_limit = 0;
> var menu_bottom_limit = $('#holder > #scroller').outerHeight() - 560;
> var menu_top_margin     = -15;
> var menu_shift_duration = 500;
> var menuYloc = null;
> ///////////////////////////////////
> $(window).scroll(function()
> {
>         // Calculate the top offset, adding a limit
>         offset = menuYloc + $(document).scrollTop() + menu_top_margin;
>
>         // Limit the offset to 0 pixels...
>         // This keeps the menu within it's containing TD boundaries
>         if(offset < menu_top_limit){
>                 offset = menu_top_limit;
>
>         // Give it the PX for pixels:
>         offset += "px";
>         }
>
>         /*else if(offset > menu_bottom_limit){
>                 offset = menu_bottom_limit;
>
>                 offset += "px";
>         }*/
>
>         // Animate:
>         $(name).animate({top:offset},
> {duration:menu_shift_duration,queue:false});