Sign in to follow this  
Followers 0
CeSaR

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

8 posts in this topic

У меня на сайте фиксированное меню, и мне нужно сделать чтоб меню не наезжало на текст 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
9 часов назад, petroff сказал:

Ну так работает же

не работает

23-03-2018 07-28-18.png

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

зачем вам нужен name в атрибуте "а"?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.