jQuery - Пример эффекта элемента прокрутки меню - как он называется?

Question

Кто-нибудь знает, как называется эффект jQuery на этой странице?http://crushlovely.com/

Когда вы прокручиваете страницу вниз, другой левый элемент меню выбирается в зависимости от вашего местоположения прокрутки.

Мне нужно знать, как называется эффект или как его заново создать.

Answer 1

Я полагаю, что вы ищете учебное пособие в соответствии с этим

http://www.distractedbysquirrels.com/blog/one-page-layout-with-fixed-navigation-and-jquery/

Я бы назвал его «фиксированным меню / навигацией», а иногда люди называют его «липким»меню / нав.Это легко сделать с помощью позиции: исправил CSS и работал оттуда.

Надеюсь, это поможет

Answer 2

Вы можете сделать что-то вроде этого:

получить положение полосы прокрутки, и если это расстояние больше, чем расстояние до верхней границы, вы добавляете активированный класс

как кнопки «Вернуться вверх», что-то вроде этого:

$(window).scroll(function () {
  if ($(window).scrollTop() > element1_top_distance) {
    element1.addClass('active');
  } else if ($(window).scrollTop() > element2_top_distance) {
    element2.addClass('active');
  } else if ($(window).scrollTop() > element3_top_distance) {
    element3.addClass('active');
  } else if ($(window).scrollTop() > element4_top_distance) {
    element4.addClass('active');
  }
});

с этим вы можете создать этот макет довольно легко, просто не забудьте исправить этот код для javascript или jQuery, и все будет в порядке