javascript - 如何专注于可滚动 div 的一部分

标签 javascript jquery html css

<分区>

假设我有一个可滚动的 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 来完成..

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

关于javascript - 如何专注于可滚动 div 的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46427083/

上一篇:html - 如何让我的元素彼此独立悬停?

下一篇:css - 在包含的元素上显示阴影框

相关文章:

javascript - 如何将日期选择器的 HTML5 表单最小限制设置为 "Check-In Date (user input)"

javascript - 在 Javascript 中使用单引号和双引号转义和取消转义字符串

javascript - 惰性图像加载器

html - 对齐彼此相邻的图像

html - 如何设置多选框的样式以使其始终显示每个选项?

html - 链接控件不起作用

javascript - javascript中闭包的具体现实生活应用

javascript - Firebase 函数从 Firebase DB 获取数据以发出推送通知

javascript - 如何在纯javascript中获取以像素为单位的高度?

Jquery 新版本 - 无法获取 data-contentId 值