используй js или располагай якоря выше блоков, к которым надо перейти. Лучше юзай js.

Degradator, хотелось бы обойтись без js в этом случае

а насчет якорей выше блока, спасибо за совет, попробую

это именно тот случай, когда надо использовать javascript.

Нашел два решения этой проблемы, может кому пригодиться


1.Код JavaScript

$(document).ready(function(){
$('a[href^="#"]').click( function(){ // если в href начинается с # , то ловим клик
// проверим существование элемента чтобы избежать ошибки
var scroll = $(this).attr('href');
if ($(scroll).length != 0) {
$('html, body').animate({ scrollTop: ($(scroll).offset().top - 77) }, 500); // анимируем скроолинг к элементу scroll
}
return false; // выключаем стандартное действие
});
});
Если не нужна анимация, то так:

$(document).ready(function(){
$('a[href^="#"]').click( function(){ // если в href начинается с # , то ловим клик
// проверим существование элемента чтобы избежать ошибки
var scroll = $(this).attr('href');
if ($(scroll).length != 0) {
$('html, body').scrollTop(($(scroll).offset().top - 77));
}
return false; // выключаем стандартное действие
});
});

Ну естественно сначала надо подключить jquery. И еще, в строке $('html, body').scrollTop(($(scroll).offset().top - 77)); 77 это высота фиксированного блока, то есть та высота на которую прячется контент



2. с помощью HTML и CSS


<a href="#blockname">Переместится к выбранному блоку</a>

<div id="blockname" style="position: absolute; margin-top: -70px;"></div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>


По сути просто перемещаем точку якоря незаметно для пользователя.

на js решение не полное, т.к. если ты откроешь страницу в новом окне, то скролл отработает некорректно.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.