Question

I have notification drop down just like that of facebook. when clicked on link, this drop down is shown, which is positioned as absolute. problem is, when the drop down is opened, the page is getting scrolled to top. Unfortunately I cant paste code as its huge. can you guess what could be the problem.

Ok here is what I have. http://jsfiddle.net/testtracker/uuQf3/1/
first scroll down then click on black link, and see that, it scrolls up first then shows notification drop down.

Answer 1

As above said, anchor tag with # href attribute will take you to the top of page, the solution to this is

catch the onclick event and do this

$('a').click(function(e){
  e.preventDefault();
   //OR
  return false;

});

this will restrict its default behavior.

or you can directly write it in your anchor element like this

<a href="#" onclick="return false;">link</a>