Pictures by Christoph Fremdt
A Parallax Scrolling Plugin
Please refer to the README file on GitHub to get the latest info on how to use this plugin.
The easiest way to install Hongkong is with Bower.
bower install --save hongkong
npm install --save hongkong
The scripts needed: jQuery, a requestAnimationFrame polyfill and Hong Kong itself. Let’s say you installed Hong Kong with Bower:
<script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/raf.js/raf.js"></script> <script src="bower_components/hongkong/hongkong.js"></script>
Just add an attribute data-parallax-top
or data-parallax-bottom
to the element you want to be animated in the named direction.
You can add a data-parallax-factor
with a value which is an integer to change the factor of which the element should move. Default is 4.
This project is on GitHub. Go fork it.
Nikon D40
Nikon D3000
Nikon D7100
Nikon AF-S DX Nikkor 35mm 1:1,8 G
Sigma 10-20 mm f4,0-5,6 EX DC
Sigma 17-70 mm f2,8-4,0 DC, Makro, OS, HSM
Area 1,104 km2 (Water 4.58%)
Population 7,184,000
GDP (PPP) $404.892 billion
HDI 0.906
Currency Hong Kong dollar (HKD)
Time zone HKT (UTC+8)