Home/ Questions/Q 3394458
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T04:10:21+00:00

I have a hyper link as such <a href=# id=someID>Link</a> that i have to

  • 0

I have a hyper link as such <a href="#" id="someID">Link</a> that i have to scroll down the page to get to. This hyperlink is only there to trigger an Ajax request. When ever i click this hyperlink the page scrolls all the way to the top! How can i fix this? I use # because anything else would reload the page. Am I using it wrong?

EDIT:

Its kind of hard for me to explain what am doing so if you run this you get the same problem that i am facing. Even after returning false.

   <html>
    <head>
    </head>
    <body>
        <a href="#" id="link" style="position:absolute; top:200%;">Link</a>
    </body>
</html>
<script type="text/javascript">
    document.getElementById("link").onmousedown = function(){
        this.style.color="red";
        return false;
    }
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    add a return false; to the event handler assigned:

     el.onclick = function() {
   // do your code
   return false;
 }

    Or the arguably more elegant way

    function(e) {
   e = e || window.event;
   if ( e.preventDefault ) e.preventDefault()
   else e.returnValue = false;
}
    • 0