Переход на div блок с другой страницы?

Question

[Alibek Kulseitov]

Вообщем есть страница index.html там есть ссылочка например <a href="test.ru/category/#info">Перейти</a>

Когда пользователь кликает то должно перекинуть его на блок с id="info" на странице category.

Конечно все работает но есть одно но! На сайте есть шапка которая плавает вместе со скролом. Так вот эта шапка перекрывает начало и заголовок блока #info.

Как реализовать минусовой отступ сверху? чтобы перекидывало на блок #info только чуть выше его?

Answer 1

[Алексей Зуев]

jsfiddle.net/yurzui/v5ajtvd5
На скрипт не обращайте внимания - он о другом.
Вся суть в css и в частности в псевдоэлементе before.

Почитать

Answer 2

[Заур Ашурбеков]

отрицательный топ-маргин для дива, к которому переходим и сдвинуть контейнер с текстом вниз

Answer 3

[Денис Инешин]

Оборачиваем якорь в некий контейнер с классом .ancor

<div class='ancor' id='info'>
    <h3>Info</h3>
</div>

Добавляем этому классу верхний отступ в CSS.

.ancor {
    padding-top: 40px;
}

Comments

[Alibek Kulseitov]

Так там будет лишнее белое пространство же?

[Сергей delphinpro]

так оно же под шапкой будет

Answer 4

[Юрий Гринёв]

Я делал так.
Получал координаты до этого блока и прибавлял к нему высоту меню. Костыль, но работало.

Comments

[Alibek Kulseitov]

а как получить координаты?