Wie kann ich in der Art, wie wir das tun, auf ein window-Objekt in angular5 zugreifen? @ViewChild ('fileInput') inputEl: ElementRef "für DOM-Elemente?

Question

Ich habe versucht, bereits gestellte Fragen zu meinem Problem zu suchen, aber die Lösungen konnten nicht helfen.

Angular_5 => Frontend (mit Winkeln universal)

NodeJS => Backend

Ich mag den Scrolling-Effekt in Typoskript, etwas zu tun, wie im Code-Schnipsel mit jQuery-Code, aber nicht mit "jquery "Modul. Mein Anliegen ist es, dies gemäß angular5 Richtlinien zu tun, unter Berücksichtigung der serverseitigen Rendering (Winkel Universal).

onWindowScroll(event){ 
    if(window.scrollY >=350){ 
     console.log("some_value"+window.scrollY); 
     $('.evaluate-h1').addClass('animated fadeInUp') 
    } 
} 

Answer 1

npm install smoothscroll-polyfill --save

dann fügen Sie es Ihrer polyfill.ts Datei:

const element:HTMLElement = this.document.getElementById(this.slug); 

if(element) element.scrollIntoView({ 
    behavior: 'smooth', 
    block: 'start' 
});