{"id":13777961,"url":"https://github.com/harm-less/angular-sticky","last_synced_at":"2025-10-29T09:52:37.881Z","repository":{"id":57179165,"uuid":"51639471","full_name":"harm-less/angular-sticky","owner":"harm-less","description":"Pure javascript AngularJS directive to make elements stick when scrolling","archived":false,"fork":false,"pushed_at":"2020-01-16T03:05:33.000Z","size":897,"stargazers_count":82,"open_issues_count":11,"forks_count":36,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-11T01:41:41.636Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://harm-less.github.io/angular-sticky","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/harm-less.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-13T09:15:43.000Z","updated_at":"2025-01-02T17:30:16.000Z","dependencies_parsed_at":"2022-09-09T19:01:30.516Z","dependency_job_id":null,"html_url":"https://github.com/harm-less/angular-sticky","commit_stats":null,"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/harm-less/angular-sticky","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harm-less%2Fangular-sticky","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harm-less%2Fangular-sticky/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harm-less%2Fangular-sticky/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harm-less%2Fangular-sticky/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/harm-less","download_url":"https://codeload.github.com/harm-less/angular-sticky/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harm-less%2Fangular-sticky/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264718857,"owners_count":23653534,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T18:00:50.108Z","updated_at":"2025-10-29T09:52:32.861Z","avatar_url":"https://github.com/harm-less.png","language":"JavaScript","funding_links":[],"categories":["Directive"],"sub_categories":[],"readme":"[![Build Status](https://travis-ci.org/harm-less/angular-sticky.svg?branch=master)](https://travis-ci.org/harm-less/angular-sticky)\n[![devDependency Status](https://david-dm.org/harm-less/angular-sticky/dev-status.svg?branch=master)](https://david-dm.org/harm-less/angular-sticky#info=devDependencies)\n\n# Angular Sticky\nPure javascript [AngularJS](http://angularjs.org/) directive to make elements stick when scrolling\n\n# Demo\nDo you want to see directives in action? Visit http://harm-less.github.io/angular-sticky\n\n## Installation\nRequirements\n* AngularJS (requires AngularJS 1.4.x or higher, tested with 1.4.9)\n* Supports all major browsers and IE9 and up (lower versions might not be supported)\n\n#### Install with Bower (recommended)\nTo install Angular Sticky with [Bower](http://bower.io/) use:\n```sh\nbower install angular-sticky-plugin\n```\n\nOr with [npm](https://www.npmjs.com/)\n```sh\nnpm install angular-sticky-plugin\n```\n\n#### Manually\nClick [here](https://github.com/harm-less/angular-sticky/archive/master.zip) to download the latest version of the plugin. In the ```dist``` folder you'll find the minified and normal JavaScript file. Either one is fine to use, it just depends on your needs.\n\n#### Adding it to your project\nAs soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the module:\n```sh\nangular.module('myModule', ['hl.sticky']);\n```\n\n# Contributing to the project\nWe are always looking for quality contributions!\n\nThere are several useful Grunt tasks you can run in order to use/change the project:\n\n* ```serve```: Use to demo application in order to develop the scripts from the ```js``` folder.\n* ```build```: Build the files from the ```js``` folder to the ```dist``` folder\n\n**Note**: If you make a pull-request, there is no need to build the project as this is done only for a new release.\n\n### Todo\n* Configurable z-index (preferably in each stack)\n* Media queries based on predefined breakpoints (e.g. min-width: lg-max) so the code is DRYer in combination with Bootstrap or other grid frameworks\n* There seems to be a weird bug were an element becoming sticky starts shaking a little\n* I strongly suspect that performance can be improved at various parts in the code. For example by caching more.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharm-less%2Fangular-sticky","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharm-less%2Fangular-sticky","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharm-less%2Fangular-sticky/lists"}