Как избежать прокрутки хэширования нажатия тега с фиксированным содержанием высоты ⇐ Html

[Anonymous]

В настоящее время я сталкиваюсь с сложной проблемой с хешированными якорными ссылками.
Вот простое представление моего HTML -кода: < /p>

Код: Выделить всё

[url=#article1]Article1[/url]
[*][url=#article2]Article2[/url]
[*][url=#article3]Article3[/url]
[/list]




Content Here
Content Here
Content Here



< /code>

и CSS: < /p>
body{overflow: scroll;}

.main-wrap{
overflow: hidden;
position: relative;
}

header{
position: relative;
z-index: 3;
height: 10vh;
}

aside{
position: fixed;
width: 22%;
height: 84vh; /* Equal to 100vh - (header + footer)vh */
top: 10vh;
left: 0;
bottom: 6vh;
}

section{
position: relative;
min-height: 84vh; /* Equal to 100vh - (header + footer)vh */
width: 78%;
left: 22%; /* Equal to aside width*/
}

footer{
position: relative;
z-index: 3;
height: 6vh;
}
< /code>

Я создал меню боковой панели с хэшированными ссылками, чтобы иметь прокрученную навигацию, которая до сих пор работает. Но когда я нажимаю на хешированные якоря, все элементы движутся немного дальше, [b], включая заголовок и нижний колонтитул [/b] и скрыты из-за свойства. Кроме того, когда я возвращаюсь на страницу, не связанную с безжиганием, проблема все еще работает, если я не перезагружаю. Есть идеи? Нажав на якорь, тело вынуждено прокрутить. Фактически, переполнение: Hidden; 

Свойство .main-wrap только что сдвинулось немного дальше и скрывает неверные части.

Подробнее здесь: https://stackoverflow.com/questions/357 ... ht-content