CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Nolhian
Nolhian

Reputation: 584

How can I prevent the page from scrolling down when using jQuery UI hide("slide")?

here is my code :

$('#pagelinks > a').click(function () { 
$('html,body').animate({ scrollTop: 0 }, 200);
setTimeout(function() {$('#my_div').hide("slide",{direction:"right"},500);},250);
return false;
});

My problem is this : When I click on a link, it scrolls up at the top correctly but then automatically scrolls down ( seems to be around where I clicked ) and hide the content of my_div by sliding it and stay there. I don't want it to scroll down to where I clicked but rather stay at the top. I tried everything I know but nothing works.

Note that if I put just hide() instead of hide("slide",{direction:"right"},500) there is no scroll down. Plus the scroll down occurs on Firefox and Opera but not in Chromium.

Thanks for your help,

Nolhian

Upvotes: 0

Views: 732

Answers (1)

terjeto
terjeto

Reputation: 386

I can think of two options:

1) Don't use a-links with anchors if you don't use the anchor part the way it was ment to.

2) stop the default event from occuring by passing on event to the click function and using preventDefault.

example: .click(function(e){ e.preventDefault(); });

Upvotes: 2

Related Questions