How to focus on part of a scrollabel div

Question

Say I have a scroll-able div.

<div style="width:300px;height:150px;overflow:scroll;">
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    I WANT TO BE TOP OF THE SCROLLABLE DIV,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
</div>

The div will show starting with the first 'hi,' at the top. Now this is just an example, my scroll-able divs contain a lot more content than this example.

I would like to be able to somehow put focus on a certain area of the content that is displayed in the div. So with this example, the scrollbar would already be scrolled down a bit, where 'I WANT TO BE TOP OF THE SCROLLABLE DIV' shows at the top. How

use jquery like `$("input").focus();` – Herry Potei Sep 26 '17 at 12:54 — Herry Potei, Sep 26 '17 at 12:54

score 2 · Accepted Answer · answered Sep 26 '17 at 12:53

You can do it with pure html using a tag..

<a href="#scroll">click</a>
<div style="width:300px;height:150px;overflow:scroll;">
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    <span id="scroll">I WANT TO BE TOP OF THE SCROLLABLE DIV,</span><br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
    hi,<br />
</div>

How to focus on part of a scrollabel div

1 Answers1