Jump to content
Sign in to follow this  
CeSaR

Как сделать отступ от якоря когда на сайте фиксированное меню

Recommended Posts

У меня на сайте фиксированное меню, и мне нужно сделать чтоб меню не наезжало на текст http://joxi.ru/Drl0XbPc47G1br

а чтоб было примерно так http://joxi.ru/vAWn9L1Uk8B4q2

ссылки на якорь имеют такой вид http://joxi.ru/eAOd9RaU4O6g7r и таких страниц много, поэтому поставить id для блока не получится, нужно сделать чтоб все ссылки в адресе которых есть хештег # при нажатии отступали на 150-200 пикселей сверху от самого якоря

пробовал такой код, но он почему то не работает, либо я что-то не правильно делаю, подскажите как решить данную проблему

 <script>
$('a[href^="#"]').click(function () {
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 150 }, 800);
return false;
});
</script>

сделал http://joxi.ru/xAeMKvlTYd4dJA но все равно не работает 

здесь можно попробовать разный код http://jsfiddle.net/gg7hg7m8/80/ 

помогите, не могу решить данную проблему уже почти неделю

Share this post


Link to post
Share on other sites
2 часа назад, CeSaR сказал:

помогите, не могу решить данную проблему уже почти неделю

Да написано все верно. КЕШ стираешь в клиенте? (Браузере) - CTRL + ALT + DEL

Share this post


Link to post
Share on other sites
8 часов назад, gefard сказал:

Да написано все верно. КЕШ стираешь в клиенте? (Браузере) - CTRL + ALT + DEL

да, кеш удаляю, но результата нет

может быть потому что я использую якорь такого вида ? 

ссылка - #1

якорь - <a name="1"></a>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...