如何将锚定在(外部）页面的中间而不是顶部

How to force anchor to middle of (external) page instead of top?

本文关键字：中间 顶部 外部      更新时间：2023-09-26

我有一个页面，我们称之为"定价"。在该页面上，我有几个链接，当单击时，会将用户带到外部页面，我们称之为"信息"，其中包含扩展信息。

根据从"定价"页面单击的链接（即info.html#ref1、info.html#ref2等），该特定元素将在"信息"页面上突出显示。

我已经有突出显示的工作，但我希望突出显示的元素集中在页面的中间，而不是顶部。也就是说，如果要高亮显示的元素是<页面的50%，则不需要滚动，但如果它>50%，则应该进行滚动。

我几乎已经使用以下CSS使其工作：

div.refs p:target {
    background-color: #FFDDDD;
    padding-top; 50%;
}

但正如你可能已经知道的那样，这使得页面的整个上半部分都是这种颜色。

欢迎使用Javascript。

您有一个打字错误。它是：

padding-top: 50%

用冒号而不是分号。如果没有看到代码，很难弄清楚你的想法和问题，但我认为你可以通过将padding-top更改为margin-top来做到这一点。

相关文章：