{"id":15160329,"url":"https://github.com/drublic/hongkong","last_synced_at":"2025-09-30T11:31:58.135Z","repository":{"id":18682782,"uuid":"21892094","full_name":"drublic/hongkong","owner":"drublic","description":"A parallax scroll effect plugin","archived":true,"fork":false,"pushed_at":"2020-04-04T14:32:51.000Z","size":1530,"stargazers_count":45,"open_issues_count":4,"forks_count":9,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-12-27T00:15:59.655Z","etag":null,"topics":["javascript","jquery","parallax","parallax-scrolling"],"latest_commit_sha":null,"homepage":"http://drublic.github.io/hongkong/","language":"HTML","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/drublic.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":"2014-07-16T08:01:52.000Z","updated_at":"2024-10-03T01:06:52.000Z","dependencies_parsed_at":"2022-09-25T07:00:39.566Z","dependency_job_id":null,"html_url":"https://github.com/drublic/hongkong","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drublic%2Fhongkong","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drublic%2Fhongkong/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drublic%2Fhongkong/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drublic%2Fhongkong/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drublic","download_url":"https://codeload.github.com/drublic/hongkong/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234732484,"owners_count":18878416,"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":["javascript","jquery","parallax","parallax-scrolling"],"created_at":"2024-09-26T22:44:04.715Z","updated_at":"2025-09-30T11:31:57.719Z","avatar_url":"https://github.com/drublic.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hongkong - jQuery based plugin for parallax scrolling\n\n[![Build Status](https://secure.travis-ci.org/use-init/init.svg?branch=master)](http://travis-ci.org/drublic/hongkong)\n[![Dependency Status](https://david-dm.org/drublic/hongkong.svg)](https://david-dm.org/drublic/hongkong)\n[![devDependency Status](https://david-dm.org/drublic/hongkong/dev-status.svg)](https://david-dm.org/drublic/hongkong#info=devDependencies)\n\n## Install via npm\n\n    npm i --save hongkong\n\n## Usage\n\nPlease add `bin/hongkong.js` to your website. Make sure to include\nthe dependency jQuery.\n\n    \u003cscript src=\"node_modules/jquery/dist/jquery.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"node_modules/hongkong/bin/hongkong.js\"\u003e\u003c/script\u003e\n\nJust add the attribute `data-parallax`. For directions of the \"floating\" element\nplease use `data-parallax-top` or `data-parallax-bottom`.\n\nYou can add a `data-parallax-factor` with a value which is an integer to change\nthe factor of which the element should move. Default is 4.\n\nThen call\n\n    $.hongkong();\n\nsomewhere within your JavaScript.\n\n\n### [ES6 | ES2015 | ES2016 | ES2017] modules\n\nWith ES6 you can use Hongkong as follows:\n\n    import $ from 'jquery';\n    import hongkong from 'hongkong';\n\n    hongkong($);\n    $.hongkong();\n\n## Options\n\nYou can pass options to Hongkong to customize it a bit:\n\n* `factor`: default factor to use for momentum if no other is set via a data-attribute; default: `4`\n* `mobile`: support parallax effect on mobile; default: `false`\n* `mediaQuery`: Media query to match against when disabling parallax on mobile; default: `(max-width: 42em)`\n* `selector`: Selector to use to detect elements that should be scrolled; default `[data-parallax]`\n* `threshold`: Set threshold for showing and hiding elements; default `0`\n\n### Data attributes\n* data-parallax-top\n* data-parallax-bottom\n* data-parallax-position-x\n* data-parallax-factor\n* data-parallax-remove-initial-offset\n* data-parallax-remove-general-offset\n\n## Development\n\nRun `npm i` inside this folder.\nStart a development server with `npm start`.\n\n## License\n\nThe MIT [License](./LICENSE) (MIT)\nCopyright (c) 2014 Hans Christian Reinl\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrublic%2Fhongkong","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrublic%2Fhongkong","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrublic%2Fhongkong/lists"}