CODEWITHSUNDEEP
javascriptcssscroll
Edvard
Edvard

Reputation: 475

How to scroll page elements with the keyboard?

I basically want to achieve the same effect as in Google Reader: when you press "j", you are pushed down to the next article and when you press "k", you can go back up to the previous article. What is the simplest way of doing this?

Upvotes: 3

Views: 5903

Answers (2)

pimvdb
pimvdb

Reputation: 154838

Using onkeyup and use the keyCode to determine the key pressed: http://jsfiddle.net/pimvdb/gzRwN/1/.

document.body.onkeyup = function(e) {
    var code = e.keyCode;
    if(code === 74) { // key code for j
        window.scrollTo(document.body.scrollLeft,
                        document.body.scrollTop + 500);
    }
};

Upvotes: 3

ayyp
ayyp

Reputation: 6598

Get the number/value for those keys and bind them to the event that you'd like them to execute. Much in the way that a click would be used to fire a function, but instead you're using a certain key.

Upvotes: -1

Related Questions