В общем поискав решение своей проблемы, я пришел к выводу подойти к вопросу с другой стороны. А именно решить вопрос способом, который будет обходить подключение библиотеки jquery.min.js. Главное добавить функционал по плавному переходу якорных ссылок.
Задача решена - на чистом js.
Так как конфликт вылез из за подключаемой библиотеки, значит кто-то так же как и я может с этим столкнуться. Ссылку на решение моего вопроса я не буду прикладывать, так как они не вечные, просто выложу тут код (проверенный и рабочий).
var linkNav = document.querySelectorAll('[href^="#"]'), //выбираем все ссылки к якорю на странице
V = 1; // скорость, может иметь дробное значение через точку (чем меньше значение - тем больше скорость)
for (var i = 0; i < linkNav.length; i++) {
linkNav[i].addEventListener('click', function(e) { //по клику на ссылку
e.preventDefault(); //отменяем стандартное поведение
var w = window.pageYOffset, // производим прокрутка прокрутка
hash = this.href.replace(/[^#]*(.*)/, '$1'); // к id элемента, к которому нужно перейти
t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
start = null;
requestAnimationFrame(step); // подробнее про функцию анимации [developer.mozilla.org]
function step(time) {
if (start === null) start = time;
var progress = time - start,
r = (t < 0 ? Math.max(w - progress/V, w + t) : Math.min(w + progress/V, w + t));
window.scrollTo(0,r);
if (r != w + t) {
requestAnimationFrame(step)
} else {
location.hash = hash // URL с хэшем
}
}
}, false);
}
Для тех кто не понял что с ним делать:
1. Создаете файл .js и в нем размещаете этот код.
2. Созданный вами файл заливаете на ХОСТ с сайтом.
3. Подключаете этой js к сайту - <script src="/templates/НАЗВАНИЕ ШАБЛОНА/js/ВАШ ФАЙЛ.js" type="text/javascript"></script>
Будут вопросы пишите.
П.С. Ставим + кому помог.