如何强制锚到（外部）页面的中间而不是顶部？

Question

我有一个页面，我们称之为“定价”。在该页面上，我有一些链接，点击后，将用户带到外部页面，我们将其称为“信息”，其中包含扩展信息。

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

我已经突出显示了工作，但是我希望将突出显示的元素集中在页面的MIDDLE而不是顶部。也就是说，如果要突出显示的元素是＆lt; 50％的页面，然后不需要滚动，但如果它是＆gt; 50％，然后滚动应该发生。

我几乎使用以下CSS工作：

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

但正如您可能已经知道的那样，这会使整个页面的上半部分变色。

欢迎使用Javascript。

Answer 1

你有一个错字。它是：

padding-top: 50%

结肠而不是分号。如果没有看到您的代码，很难弄清楚您的想法和问题，但我认为您可以通过将padding-top更改为margin-top来实现这一目标。