Angular 2+的粘性任何指令

Angular 2+的粘性任何指令
发布时间 2020年5月13日
插件作者 w11k

用于Angular 2+的纯TypeScript指令,当用户滚动时,会使任何粘性的东西保持原状。

安装:

# Yarn
$ yarn add @w11k/angular-sticky-things

# NPM
$ npm install @w11k/angular-sticky-things --save

特征:

  • 坚持一切!
  • 超级流畅!
  • 在现实世界的项目中测试
  • 支持Angular Universal
  • 切换到粘性模式时防止页面跳转
  • 没有jQuery或其他依赖项- 纯粹的Angular解决方案
  • 支持边界以使元素停止。

用法:

<div #spacer></div>
<div stickyThing" [spacer]="spacer">
  I am sticky!
</div>