Показать сообщение отдельно
  #1 (permalink)  
Старый 15.12.2017, 09:52
Новичок на форуме
Отправить личное сообщение для galaktika123 Посмотреть профиль Найти все сообщения от galaktika123
 
Регистрация: 15.12.2017
Сообщений: 2

Подсветка пунктов фиксированного меню при скролле
Всем привет! Помогите дополнить код, есть плавающее меню, с якорными ссылками, как сделать подсветку этих ссылок в зависимости от положения страници? вот код плавающего меню, и код плавного скролинга. ссылка на сайт http://okna-white.ru

$(document).ready(function(){

var $menu = $("#raka");

$(window).scroll(function(){
if ( $(this).scrollTop() > 0 && $menu.hasClass("rakas") ){
$menu.fadeOut('fast',function(){
$(this).removeClass("rakas")
.addClass("fixed transbg")
.fadeIn('fast');
});
} else if($(this).scrollTop() <= 0 && $menu.hasClass("fixed")) {
$menu.fadeOut('fast',function(){
$(this).removeClass("fixed transbg")
.addClass("rakas")
.fadeIn('fast');
});
}
});
});


$(document).ready(function(){
$("#raka").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 600);

});
});
Ответить с цитированием