Ищете библиотеки для прокрутки событий на Angular 6, такие как Scrollwizardry

Question

Мне было интересно, как мне добиться эффекта на сайте http://atintell.com/?

Я пытался использовать gsap и scrollWizardry, но всегда возникает ошибка, что не удается найти метод, потому что он не может найти класс. Я искал плагины Jquery, но не могу найти эту помощь.

Есть рекомендации? что мне делать?

Answer 1

Я столкнулся с этой проблемой. Я знаю два способа определения положения полосы прокрутки.

1. Используйте @HostListener (не забудьте импортировать его) Как показано ниже.

@ HostListener ("window: scroll", [$ event])

onWindowScroll(){
let position = (document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.offsetHeight;

if(position==300){
//your code
}
else if(position==500){
//other code
}
}

2. Вы можете использовать jquery для определения высоты полосы прокрутки, во-первых, вам нужно установить jquery через. Следуйте нижеуказанным шагам. а. npm установить jquery --save

б. Добавьте скрипт в ваш index.htlm

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

с. импортируйте jquery в ваш компонент, как показано ниже.

Import import $ from "jquery";

d. Включите следующий код в компонент

 function searchShow(){
        try{
          if($(window).scrollTop()>=$('.testimonials').offset().top-215){
            //top means max height of page.
            // Write your code here
          }
          else{
           // Other code here
         }
      } catch(err) {}
      }

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