Как сделать прокрутку якорную, стандартные схемы не работают посмотрите код index.html, пожалуйста?

Question

[Governnment]

Как сделать прокрутку якорную, стандартные схемы не работают посмотрите код index.html , пожалуйста

Нужно чтобы работало с якорями на главной index.html. Мой скрипт в папке js/slou.js

Git https://github.com/Governnment/hemp.git

Answer 1

[Governnment]

Comments

[Maxim Kirshin]

поставь в самый низ свой slou.js раз у тебя еще какие-то условия в скрипте с определением браузера.

[Maxim Kirshin]

либо убери эти условия.

[Governnment]

Уже его везде ставил. Нет результата. А на др сайтах моих работает myfitness.fun к примеру

[Governnment]

Maxim Kirshin, пожалуйста, помогите решить эту проблему. уже 2 час сижу

[Governnment]

Maxim Kirshin, все, решил, большое спасибо)

[Maxim Kirshin]

// slou.js
$(document).ready(function() {
  $('a[href^="#"]').click(function (event) {
    event.preventDefault(); 
    elementClick = $(this).attr("href");
    destination = $(elementClick).offset().top;
    console.log(elementClick);
    console.log(destination);
    $('html,body').animate({scrollTop: destination},1100);
  });
});

id не забудь у секций проставить, и у ссылок href="#твоя-секция"

[Governnment]

Maxim Kirshin, теперь, когда якорь пролистывает к нужному блоку, он опускается ниже блока и получается так. Как это исправить?

[Governnment]

Maxim Kirshin, И можно ли как-то делать navbar активный, к примеру, когда я нахожусь на about, то он ставится в активное состояние в navbar и тд

Answer 2

[Maxim Kirshin]

Привет, посмотри в консоль))

ты свой скрипт раньше, чем jQuery подключаешь. Но при этом используешь в своем скрипте jQuery, понимаешь? он просто не успевает загрузиться


Поменяй местами порядок загрузки скриптов, и убери из head slou.js

Comments

[Governnment]

как можно такое исправить?