Как при скролле наверх, возвращать последний слайд в положение bottom: 0?

Question

[SHKD]

Вот мой слайд: тык

Смысл задумки таков: при скролле слайдера, каждый слайд равен 100vh.

Когда скролл осуществляется вниз, все отлично. Когда скролл осуществляется вверх с положением курсива не на слайдере а на секции, все отлично.

Но если начать листай слайд с положением курсива на слайде, в тот момент когда он еще не занимает 100vh, то слайд просто прокрутится не выстроив высоту.

Вопрос: Как при скролле вверх, вне зависимости от положения курсива, сперва выставить высоту последнего слайда в 100vh, а только затем разрешить скролл?

Comments

[Ivan Ustûžanin]

что такое курсив? никакого курсива в примере не наблюдаю

[Ivan Ustûžanin]

а вообще похоже, что swiper выкидывается и используется scroll-snap-type

Answer 1

[Даниил Секретов]

elem.addEventListener('mousemove', function (event) {
  // добавляем обработчик события "mousemove"
  const x = event.clientX; // получаем координату X мыши
  const y = event.clientY; // получаем координату Y мыши

  console.log(`Координаты мыши: x=${x}, y=${y}`); // выводим координаты мыши в консоль
});

Дальше через if >= или <= отслеживаешь и через динамическую загрузку css меняешь стили.