Scrolling in inner contexts and focus

Trying to get inner focus on div to allow scrolling with keyboard on load.

by laustdeleuran

HTML

abstop
<div>
top
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
bottom
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
absbottom

CSS

div {
    border:10px solid #f0f;
    height:300px;
    padding:10px;
    margin:10px;
    overflow:auto;
    position:relative;
}
div .fakefocus {
    position:absolute;
    left:-100px;
}

JavaScript

var $fakeFocus = $('<a class="fakefocus" href="#">facefocus</a>');
$fakeFocus.prependTo('div').focus();