//для анимации подчеркивания
$(function() {
var $line = $(".line"),
$menu_link = $(".list__item--link"),
$active = $(".active"),
$element,
$active_left = $active.position().left,
$active_width = $active.parent().width(),
$new_left,
$new_width;
$line.width($active_width).css("left", $active_left);
$($menu_link).hover(function() {
$element = $(this);
$new_left = $element.position().left;
$new_width = $element.parent().width();
$line.stop().animate({left: $new_left,width: $new_width});
}, function() {
$line.stop().animate({left:$active_left,width:$active_width});
});
//так плюшка
$($menu_link).click(function(e){
//e.preventDefault();
$(".list").find(".active").removeClass("active");
$(this).addClass("active");
$active_left = $(this).position().left,
$active_width = $(this).parent().width();
})
});
//END для анимации подчеркивания
//прокрутка страницы - active
var menu_selector = ".top-menu"; // Переменная должна содержать название класса или идентификатора, обертки нашего меню.
function onScroll(){
var scroll_top = $(document).scrollTop();
$(menu_selector + " a").each(function(){
var hash = $(this).attr("href");
var target = $(hash);
if (target.position().top <= scroll_top && target.position().top + target.outerHeight() > scroll_top) {
$(menu_selector + " a.active").removeClass("active");
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
}
$(document).ready(function () {
$(document).on("scroll", onScroll);
$("a[href*='#']").click(function(e){
e.preventDefault();
$(document).off("scroll");
$(menu_selector + " a.active").removeClass("active");
$(this).addClass("active");
var hash = $(this).attr("href");
var target = $(hash);
$("html, body").animate({
scrollTop: target.offset().top
}, 500, function(){
window.location.hash = hash;
$(document).on("scroll", onScroll);
});
});
});
// $(document).ready(function(){
// $(".top-menu").changeActiveNav();
// });
//END прокрутка страницы - active