Question

How can I prevent the page from “jumping up” each time I click a link? E.g I have a link somewhere in the middle of the page and when I click it the page jumps up to the top.

Answer 1

Let’s presume that this is your HTML for the link:

<a href="#something" id="some_id">Some link goes somewhere...</a>

If you’re using jQuery, try like this:

$(document).ready(function() {
    $('a#some_id').click(function(e) {
        e.preventDefault();
        return false;
    });
});

Demo on: http://jsfiddle.net/V7thw/

If you’re not on jQuery drugs, try with this pure DOM JavaScript:

window.onload = function() {
    if(document.readyState === 'complete') {
        document.getElementById('some_id').onclick = function(e) {
            e.preventDefault();
            return false;
        };
    }
};