blog.kenfin

Позиционирование якорей

Вечно забываю этот хак для страниц с фиксированным меню, поэтому выложу здесь.

Итак, самый простой, и на мой взгляд, лучший способ отпозиционировать якоря на странице — использовать абсолютное позиционирование и отрицательный margin-top. Почему я считаю это лучшим решением? Всё просто — реализация на голом CSS, . Вот пример того как это делается:

.nav {
    /* ... */
    height: 40px;
}
.page-anchor {
    position: absolute;
    margin-top: -40px;
}