Почему не работает .scrollIntoView()?

Question

[Gary_Ihar]

const sections = [
    document.querySelector(".sector1"),
    document.querySelector(".sector2"),
    document.querySelector(".sector3"),
  ];

  let current = 0;

  window.addEventListener("wheel", function (e) {
    e.deltaY < 0 ? --current : ++current;
    if (current < 0) current = 0;
    else if (current > sections.length - 1) current = sections.length - 1;
    scrollTo(current);
  });

  function scrollTo(a) {
    document.querySelector(`.${sections[a].className}`).scrollIntoView();
  }

делаю скролл по страницам.
Почему не срабатывает scrollIntoView() в данном случае? В хроме работает некорректно.

Answer 1

[Владимир Проскурин]

Вот так

document.querySelector(`.${sections[a].className}`)

не делает никогда, т.к. если у элемента появится второй класс, то селектор будет невалидным. Типа
.button active
вместо
.button.active

У вас уже есть ссылка на элемент, сразу у нее и вызывайте scrollIntoView

function scrollTo(a) {
    sections[a].scrollIntoView();
}

Comments

[Gary_Ihar]

Спасибо за Вашу информацию, учту в будущем, но проблема сохранилась.
Небольшое описание проблемы: экран на долю секунды прыгает на нужный мне 'div', но после сразу же возвращается в исходное место.

[Andrew]

Gary_Ihar, e.preventDefault() сделайте.

[Владимир Проскурин]

Gary_Ihar, если бы вы собрали демку на jsfiddle или подобных, было бы легче. Сходу сложно понять. Например я не уверен, что у вас правильно обрабатывается множественный вызов wheel, ведь за одну секунду вращения колесиком, обработчик может вызваться около 60 раз, и поэтому у вас тут же вызывается current = sections.length - 1, поэтому нужно ограничить вызов, например раз в секунду.

[Gary_Ihar]

Владимир Проскурин, если будет свободное время, гляньте пожалуйста.
jsfiddle

[Владимир Проскурин]

Gary_Ihar, как и предполагал, слишком часто вызывается обработчик. Все работает, если очень медленно крутить колесиком. Нужно обернуть обработчик в trottle, чтобы не вызывалась чаще чем 0.5 секунд например. Еще стоит убрать нативный скролл через overflow: hidden
jsfiddle.net/f25z8mgh/1