スクロールバンドの一部に焦点を当てる方法

Question

私はスクロール可能な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> 

divの先頭には、先頭に「hi,」と表示されます。これは単なる例であり、スクロール可能なdivにはこの例よりも多くのコンテンツが含まれています。

私は何とかdivに表示されるコンテンツの特定の領域に焦点を当てることができるようにしたいと考えています。したがって、この例では、スクロールバーはすでに少し下にスクロールされていて、上部に 'I WANT TO BE TOP OF THE SCROLLABLE DIV'が表示されます。 `$（ "入力"）のようなどのようにタグを使用して、純粋なHTMLでそれを行うことができます

Answer 1

..

<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>