Создайте класс или идентификатор, чтобы остановить прослушивание глобального события прокрутки - PullRequest
Новая
       12

Создайте класс или идентификатор, чтобы остановить прослушивание глобального события прокрутки

0 голосов
/ 19 марта 2020

Так что я работаю на этой странице https://www.pacificotest.com.pe/.
- Когда кто-то прокручивает страницу, поле, которое появляется при вводе «Clinica», не является абсолютным, и когда я изменяю его на Абсолютно, что он все равно продолжает двигаться.
- Есть ли способ, которым я могу заставить эту коробку не слушать событие прокрутки, чтобы она не двигалась.

Когда вы немного прокручиваете вниз бит
При быстрой прокрутке вверх

Я решил вторую проблему следующим кодом:

JS: 

$(function() {
  $('.autocomplete-suggestions').each(function(i) {
    $(this).addClass('fix-searcher-' + (i + 1));
  });
});

$(window).scroll(function() {
  const emergencyBarHeight = 40;
  if ($(window).scrollTop() >= emergencyBarHeight) {
    $searcher1.removeClass("fix-searcher1").addClass("fixed");
    $searcher2.removeClass("fix-searcher2").addClass("fixed2");
  } else {
    $searcher1.removeClass("fixed").addClass("fix-searcher1");
    $searcher2.removeClass("fixed2").addClass("fix-searcher2");
  }
});

CSS: 

.fixed{
position: fixed ! important;
top:100px ! important;
}

.fixed2{
position: absolute ! important;
top:430px ! important;
z-index:100 ! important;
}

.fix-searcher1{
position: fixed ! important;
top:140px ! important;
}

.fix-searcher2{
top:490px ! important;
z-index:100 ! important;
}

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

...