我如何通過對DOM元素執行“ @ViewChild（'fileInput'）inputEl：ElementRef”的方式訪問angular5中的窗口對象？

Question

我試圖搜索與我的問題有關的已問問題，但解決方案無濟於事。

Angular_5 =>前端（帶有角度通用）

Node.js =>后端

我想在打字稿中做滾動效果，類似於使用Jquery代碼而不是使用“ jquery ”模塊的代碼片段。 我關心的是按照angular5准則執行此angular5 ，同時要記住服務器端渲染（角度通用）。

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

Answer 1

npm install smoothscroll-polyfill --save

然后將其添加到您的polyfill.ts文件中：

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

之后，您可以使用普通javascript .scrollIntoView()滾動到ElementRef：

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

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