使用javascript,如何让浏览器确保显示页面的一部分?

发布于 2024-10-27 12:48:51 字数 139 浏览 2 评论 0原文

页面上有一个带滚动条的 DIV。试图确保特定项目对用户可见。

DIV 本身始终包含在页面的可见区域中,并且页面本身永远不会有滚动条。

例如,DIV 可能有 8 个段落,我想确保在某些情况下用户现在可以看到 DIV 中的第 5 段。

have a DIV with a scroll bar on the page. trying to ensure a particular item is visible to the user.

the DIV itself is always contained in the visible area of the page, and the page never has a scrollbar itself.

for example, the DIV might have 8 paragraphs, and I want to make sure in certain situations that the user can see paragraph 5 within the DIV right now.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

苦妄 2024-11-03 12:48:51

您可以在您想要可见的段落中使用锚标记,每当出现您想要确保该部分可见的情况时,您可以通过 javascript 链接到锚标记。
示例如下

通过所需的段落创建一个锚点

<a name="FOO"></a>

移动到锚点的 javascript

<script type="text/javascript" language="javascript">
    function moveToAnchor ()
{
window.location.hash="FOO";
}
</script>

剩下的就是在需要时调用此脚本。您可以通过 body 标签中的加载或通过您认为合适的其他方式来完成

You could use an anchor tag by the paragraph you want to be visible, whenever the situation arises where you want to be sure that this section is visible you can link to the anchor through javascript.
Example follows

Create an anchor by the desired paragraph

<a name="FOO"></a>

The javascript to move to your anchor

<script type="text/javascript" language="javascript">
    function moveToAnchor ()
{
window.location.hash="FOO";
}
</script>

What remains is to call this script when you desire. you could do it with an onload in the body tag or through some other means you feel appropriate

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文