Focus div without jumping to it

Question

I'd like to focus an element (a slider/carousel) upon page load, to allow immediate control of the slider using arrow keys. JQuery's .focus() works, but automatically scrolls the element into view. This is a problem on limited viewports, where the top of the page is unexpectedly scrolled past.

Is it possible to focus an element without jumping to it?

Possible duplicate of http://stackoverflow.com/q/4898203/1529061. Use `scrollTo` to restore scrolling position. — ttzn, Jul 27 '15 at 16:46

score 4 · Accepted Answer · answered Jul 27 '15 at 16:50

4

Just restoring scroll position will work

var position = $(window).scrollTop();
$('#your-element').focus()
$(window).scrollTop(position);

JSBin Example

answered Jul 27 '15 at 16:50

Christophe Marois

6,051
1
28
26

Focus div without jumping to it

1 Answers1