需要时显示/隐藏标题-ngx-headroom

需要时显示/隐藏标题-ngx-headroom
插件名称 ngx-headroom
发布时间 2020年5月31日
插件作者 TypeCtrl

一个用于隐藏/显示滚动条标题导航的角度组件。基于React Headroom组件。

安装:

# NPM
$ npm install @ctrl/ngx-headroom --save

输入

  • duration —动画的持续时间(以毫秒为单位)
  • easing —减轻动画
  • upTolerance —在固定组件之前向上滚动时的滚动公差(以像素为单位)
  • downTolerance —在固定组件之前向下滚动时的滚动公差(以像素为单位)
  • disable —禁用固定和取消固定
  • wrapperStyle —为包装div传递样式(这将组件的垂直空间保持在页面顶部)。
  • parent—为滚动事件提供一个自定义的“父”元素。parent应该是一个解析为所需元素的函数。
  • pinStart—标头应开始和停止固定的高度(以px为单位)。在“净空”组件上方还有另一个元素时很有用。

输出

  • pin -固定标头时发出
  • unpin -头未固定时发出
  • unfix -标头位置不再固定时发出