Установка якорей внутри страницы.

[olgastaf]

Добрый день!

Имею структуру с прилепленным верхним меню (position:fixed). Со ссылок меню уходим на якори внутри страницы.

Проблема в том, что при переходе на якорь, на какой-либо раздел страницы, заголовок этого раздела уходит под меню, причем, даже выше, чем это должно быть по геометрии (https://www.dropbox.com/s/infvu3rvgj6yk0e/screen1.jpg?dl=0, а должно быть вот так: https://www.dropbox.com/s/nwbuny770z0fxlr/screen2.jpg?dl=0)

 

Пробовали дать элементу с якорем отрицательный margin-top, но это дало эффект почему-то только в Firefox, в других браузерах не сработало.

Подскажите, у кого есть подобный опыт, как с этим быть?

Edited February 27, 2015 by olgastaf

[satantx]

Так поставьте якорь не на заголовке, а выше его

[olgastaf]

Если поставить выше, то в FF все сломается. Там то сейчас нормально.

И потом, выше не всегда можно поставить, там кое-где картинки. На них же не поставишь якорь.

[Switch74]

1. можно воспользоваться скриптом плавной прокрутки с поправкой на высоту меню - и красиво и функционально
2. можно создавать невидимые якоря которые будут находиться выше требуемых вам позиций на высоту меню

[olgastaf]

Спасибо большое за советы.

Плавный скроллинг сделала. Все равно, правда, не поняла, как регулировать нужную точку прихода, пришлось, искусственные блоки вставлять.