@smoklew

Фиксированное меню и якорь?

Ребят имеется фиксированное меню и якорь к слову "Новости" ,когда на него нажимаешь это слово закрывается менюшкой, к остальным словам всё нормально, хочу скинуть исходники , можете пожалуйста посмотреть и пощелкать на пункты меню"Новости" , "Стрим" сказать что не так и исправить?
скайп для удобства:autor4n
  • Вопрос задан
  • 7346 просмотров
Решения вопроса 1
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
1. якорь сделай не на <p>, а создай прямо перед ним <a name="news" class="anchor"></a> - это будет якорем. важно, ничего не размещать внутри этой ссылки.
2. для ссылок .anchor создаем стили:
.anchor {
margin-top: -100px;
display: inline-block;
position: relative;
height: 1px;
width: 1px;
}

где 100px нужно заменить на высоту вашей фиксированной шапки. таким образом якорь будет физически находиться на 100px (или сколько там у вас) выше, чем он должен быть.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@smoklew Автор вопроса
https://yadi.sk/d/_W2iiErieyFwC - исходники
Ответ написан
Комментировать
bigjesus
@bigjesus
Дояр на фрилансе
Вот так заработало у меня:
<a id="anchor" class="anchor100"></a>

.anchor100 {
padding-top: 100px;
margin-top: -100px;
-webkit-background-clip: content-box;
background-clip: content-box;
}

Метод описан Мишей Рудастых
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы