Как привязать якорь к середине (внешней) страницы вместо вершины?

Question

У меня есть страница, которую мы будем называть «Ценообразование». На этой странице у меня есть несколько ссылок, которые при нажатии на пользователя выходят на страницу external, которую мы будем называть «Информация» с расширенной информацией.

В зависимости от ссылки, указанной на странице «Цены» (т. Е. info.html#ref1, info.html#ref2 и т. Д.), Этот конкретный элемент будет выделен на странице «Информация».

У меня уже есть подсветка для работы, однако я бы хотел, чтобы этот выделенный элемент находился в центре MIDDLE страницы, а не вверху. То есть, если элементы, которые будут выделены, составляют < 50% страницы, тогда прокрутки не требуется, но если это> 50%, тогда это происходит при прокрутке.

Я почти получил это работает, используя следующий CSS:

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

Но, как вы, наверное, уже знаете, что делает всю верхнюю половину страницы этого цвета.

Javascript будет приветствоваться.

Answer 1

У вас есть опечатка. Это:

padding-top: 50% 

С двоеточием, а не с двоеточием. Трудно понять вашу идею и проблему, не видя свой код, но я думаю, что вы могли бы это сделать, изменив padding-top на margin-top.