PHPackages                             skyline/component-sticky - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. skyline/component-sticky

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

skyline/component-sticky
========================

v0.8.0(5y ago)05BSD-3-ClauseCSSPHP ^7.2CI failing

Since Sep 13Pushed 5y ago1 watchersCompare

[ Source](https://github.com/tasoftch/skyline-component-sticky)[ Packagist](https://packagist.org/packages/skyline/component-sticky)[ RSS](/packages/skyline-component-sticky/feed)WikiDiscussions master Synced 4d ago

READMEChangelog (1)Dependencies (3)Versions (2)Used By (0)

Skyline Component Sticky
========================

[](#skyline-component-sticky)

The Sticky Component of Skyline ships with css and javascript addons to fix elements on top or bottom of a page.

Install
-------

[](#install)

```
$ composer require skyline/component-sticky

```

and require it in your templates using the `@require Sticky` annotation tag.
After that, there are 3 css classes available:

- `sticky-fixed`
    Fixes an element at top of the page.
- `sticky-bottom`
    Fixes an element at bottom of the page.
- `sticky-flexible`
    A flexible content that should be extended until bottom element.

Additional an element with the class `sticky-fixed` is allowed to specify animation attributes:

- `data-role="hold-top"`
    Observes the window for scroll events. If the window passes a scroll position, the given css class is added, or removed otherwise.
- `data-offset`
    If the scroll position of the window reaches the top edge plus offset of the element, the class is added.
- `data-toggle-class`
    The css class name to add or remove.

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2070d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6ebe1f5c8eebd8dbc08f97152d06e1435e7eee746ea87e28eaaabaf708ac17dc?d=identicon)[skyline](/maintainers/skyline)

---

Top Contributors

[![tasoftch](https://avatars.githubusercontent.com/u/24875322?v=4)](https://github.com/tasoftch "tasoftch (7 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/skyline-component-sticky/health.svg)

```
[![Health](https://phpackages.com/badges/skyline-component-sticky/health.svg)](https://phpackages.com/packages/skyline-component-sticky)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
