{"id":29602050,"url":"https://github.com/dislogical/pagr","last_synced_at":"2026-05-12T18:06:41.120Z","repository":{"id":68898147,"uuid":"13133073","full_name":"dislogical/pagr","owner":"dislogical","description":"A paginating css/javascript library for creating smoothly scrolling pages.","archived":false,"fork":false,"pushed_at":"2013-11-18T02:10:06.000Z","size":151,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-03T19:02:24.480Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dislogical.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-09-26T20:07:42.000Z","updated_at":"2013-11-18T02:10:06.000Z","dependencies_parsed_at":"2023-02-21T10:00:33.666Z","dependency_job_id":null,"html_url":"https://github.com/dislogical/pagr","commit_stats":null,"previous_names":["dislogical/pagr","coldencullen/pagr"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/dislogical/pagr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dislogical%2Fpagr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dislogical%2Fpagr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dislogical%2Fpagr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dislogical%2Fpagr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dislogical","download_url":"https://codeload.github.com/dislogical/pagr/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dislogical%2Fpagr/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266135070,"owners_count":23881776,"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":"2025-07-20T13:37:49.104Z","updated_at":"2026-05-12T18:06:40.914Z","avatar_url":"https://github.com/dislogical.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"pagr\n====\n\nA paginating CSS/JavaScript library for creating smoothly scrolling pages.\n\n### Format\nFirst, make sure you're including a recent version of jQuery and jQueryUI.\n\nUsing pagr is incredibly simple; simply create a div (or section or what have you), give it the class `pagecontainer-horiz` or `pagecontainer-vert`, and then add the class `page` to its direct children.\n\nTo link to a page, create an `a` tag with the class you define in config (see below, or use `pagrlink`), and with an `href` of `/outerpage/innerpage`. You can scroll to as many nested pages as you'd like, but make sure you include all of the pages outside of the page you are scrolling to, just to make sure that you are scrolling to the correct page.\n\n### To Initialize\nIn your HTML page, include the css and js files. Then, in your onload function, call `pagr( [config] )`. Config can have any of the following values:\n```\n{\n    initialPage: \"/home\", // [no default] Page to scroll to as soon as the page loads\n    scrollTime: 0,        // [default: 400] Time in milliseconds it takes to scroll\n    scrollEase: \"\",       // [default: easeOutQuad] Any easing listed on http://api.jqueryui.com/easings/\n    linkName: \"pagrlink\", // [default: pagrlink] The class name to look for links with\n    useHistory: true      // [default: true] Whether or not to use the forward/back buttons\n}\n```\n\n### Examples\nWant to see pagr in action? Take a trip over to [node.coldencullen.com](http://node.coldencullen.com/) (which is SUPER in development) and check it out. The main page uses the horizontal pagination, and the projects section uses a vertical one.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdislogical%2Fpagr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdislogical%2Fpagr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdislogical%2Fpagr/lists"}