@cayrus
учусь верстке

Как сделать скрол меню при скроле блоков?

Всем привет!!!Ребят,подскажите как сделать или на каком скрипте можно сделать такой эффект,суть такова:
Фиксированное меню,и когда скролишь вниз сайт,меню переключается,допустим вкладка меню"О нас" и долистываешь до блока О нас,и меню подсвечивается каким либо цветом,вот как на этом сайте
towngadget.ru
  • Вопрос задан
  • 262 просмотра
Решения вопроса 1
@Froskyta_1
Лови,
jQuery(window).scroll(function(){
var $sections = $('section');
$sections.each(function(i,el){
var top = $(el).offset().top-100;
var bottom = top +$(el).height();
var scroll = $(window).scrollTop();
var id = $(el).attr('id');
if( scroll > top && scroll < bottom){
$('.Здесь путь к твоим ссылкам, то бишь тегам а').removeClass('active');
$('.desktop-menu a[href="#'+id+'"], .block-mobile-menu a[href="#'+id+'"]').addClass('active');

}
})
});

$("nav").on("click","a", function (event) {
// исключаем стандартную реакцию браузера
event.preventDefault();

// получем идентификатор блока из атрибута href
var id = $(this).attr('href'),

// находим высоту, на которой расположен блок
top = $(id).offset().top;

// анимируем переход к блоку, время: 800 мс
$('body,html').animate({scrollTop: top}, 800);
});

Главное, чтобы твои айди блоков, и href ссылок были одинаковы
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
serii81
@serii81
Я люблю phр...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
ITooLabs Тула
от 35 000 до 40 000 ₽
08 нояб. 2024, в 08:38
5000 руб./за проект
08 нояб. 2024, в 06:03
50000 руб./за проект