Рассмотрим очень длинный список ul, содержащий множество элементов li. Каждый из этих элементов имеет id и поэтому может быть доступен с URL-адресом, заканчивающимся на #somelistitemid; используя селектор CSS, позвольте мне назвать его :target. Когда я это делаю, элемент списка помещается в верхней части области просмотра. Тем не менее, я хотел бы, чтобы это было вертикально по центру в окне просмотра. Поскольку элементы списка не занимают много места по вертикали, это позволяет им лучше сфокусироваться. (Я выделил элемент списка :target так, чтобы он выделялся.) Вторая причина заключается в том, что в верхней части области просмотра находится баннер, который имеет position: fixed; и находится над самим списком, который прокручивается под ним.
Следовательно: Есть ли способ сделать центральное центрирование :target в окне просмотра ? Или, если это невозможно, есть ли способ смещения по вертикали :target от вершины области просмотра?
Я предпочитаю чистые решения HTML + CSS, но, конечно, также заинтересованы в тех, которые используют Javascript.