阅读 220

scrolling

一共分三个部分:

ViewportRuler 视口尺子
ScrollDispatcher 滚动调度器
CdkScrollable 可滚动的元素
复制代码

ViewportRuler用于获取视口的size,rect,scroll和监控视口尺寸变化 position,分别对应方法:getViewportSize,getViewportRect,getViewportScrollPosition,change。

ScrollDispatcher用于注册滚动元素,注销滚动元素,滚动监听滚动,监听父级滚动,获取父级可滚动元素。分别对应方法register,deregister,scrolled,ancestorScrolled,getAncestorScrollContainers。

CdkScrollable是一个Directive,当准备完成时(ngOnInit)监听scroll事件,并注册滚动元素到ScrollDispatcher!

都是一些基础功能,了解了这些基础功能后,可以搞一些事情!

教训:学angular别乱搞,范围很明确@angular官方库

@angular/core,
@angular/common,
@angular/forms,
@angular/router,
@angular/cdk,
@angular/common/http,
hammer.js,
rxjs
复制代码

即可。