JavaScript Forum

**MoForce** · 06-12-2009, 01:37 AM

I have a a fixed div that follows the user as they scroll down. The problem is every time they click on something in that div that has a jQuery function like showing a hidden div it'll send the user to the top of the page. Any way of fixing that?

Code:

$(document).ready(function() {
    
    $('div#panel').hide();
    
    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");
    
    });    
    
    // Collapse Panel
    $("#close").click(function(){
        $("div#panel").slideUp("slow");    
    });        
    
    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle a").click(function () {
        $("#toggle a").toggle();
    });        
        
});

**MoForce** · 06-12-2009, 01:50 AM

ROFLMAONADE!!!!

It's just one of those it's 1AM and I'm tired things

The error was in my <a id="open" class="open"> things i also had href="#"

**wayfarer07** · 06-12-2009, 08:49 AM

just FYI, you could keep the href="#" and do this to your function to stop the jumping:

Code:

 $("#open").click(function(){
        $("div#panel").slideDown("slow");
        return false;//stops the default action
});

Even though jQuery uses the advanced event model, allowing for multiple same-type events on single elements, it allows you to return false just like the traditional event model, to stop the default action from taking place. This can be useful, since the href attribute can be used to send messages to the status bar, and will automatically make the cursor into the hand.

**MoForce** · 06-13-2009, 11:42 AM

Quote:

Originally Posted by wayfarer07

just FYI, you could keep the href="#" and do this to your function to stop the jumping:

Code:

 $("#open").click(function(){
        $("div#panel").slideDown("slow");
        return false;//stops the default action
});

Even though jQuery uses the advanced event model, allowing for multiple same-type events on single elements, it allows you to return false just like the traditional event model, to stop the default action from taking place. This can be useful, since the href attribute can be used to send messages to the status bar, and will automatically make the cursor into the hand.

Hmmm I did not know that. I'll try it out!

Thanks!