Я хотел сделать плавную прокрутку якоря, но она не работает. Просто прокатывает моментально. В чем ошибка? СРОЧНО!

Вот код JS (jQuery) :
$(function(){
$(window).scroll(function(){
$("header").toggleClass("scroll-fixed", $(this).scrollTop() > 100);
});
});
$(function(){
$(".logo").click(function(){
$("html, body").animate({scrollTop: 0},700);
});
});
$(function(){
$("a[href^='#']").click(function(){
var scrollBar = $(this).attr("href");
$("html, body").animate({scrollTop: $(scrollBar).offset().top+"px"}, 700);
return false;
});
});
кстати файл сохраняю через Notepad++
а в codepen все замечательно работает!
и библиотеку jQuery я подключил!
еще в консоли пишет что знак $ некорректен хотя библиотека подключена
уже совсем е знаю что делать