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会显示从第一个＆＃39; hi,＆＃39;在顶部。现在这只是一个例子，我的可滚动div包含比这个例子更多的内容。

我希望能够以某种方式将焦点放在div中显示的内容的某个区域。因此，在此示例中，滚动条已经向下滚动了一点，其中＆＃39; I WANT TO BE TOP OF THE SCROLLABLE DIV＆＃39;显示在顶部。怎么

Answer 1

您可以使用标签来使用纯HTML执行此操作。

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

如何专注于scrolllabel div的一部分

1 个答案: