2017-12-10 10 views
0

내 문제와 관련하여 이미 질문 된 사항을 검색하려고했지만 해결책이 도움이되지 못했습니다. (각 보편적으로)어떻게 angle5에서 window 객체에 접근 할 수 있습니까? DOM 요소의 경우 "@ViewChild ('fileInput') inputEl : ElementRef?

Angular_5 => 프론트 엔드

Nodejs => 백엔드

내가 jQuery 코드와 코드처럼 타이프 라이터 뭔가에서 스크롤 효과를 할 수 있지만 jquery "로 할 "모듈. 제 관심은 angular5 지침에 따라 서버 측 렌더링 (각도 범용)을 염두에 두어이 작업을 수행하는 것입니다.

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

답변

0

npm install smoothscroll-polyfill --save

을 다음 polyfill.ts 파일에 추가 :

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

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

덕분 솔루션 :

/** * Polyfill for smooth scrollIntoView() */ require('smoothscroll-polyfill').polyfill(); 

이후에 당신이 당신하여 elementRef로 이동하는 자바 스크립트 .scrollIntoView() 바닐라를 사용할 수 있습니다 ,하지만 창 스크롤 만 해결할 것입니다. 창 개체에 대한보다 일반적인 제어를 위해 창 개체에 액세스하는 방법. –