Hong Kong

Pictures by Christoph Fremdt

A Parallax Scrolling Plugin

Hong Kong

How to use

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.

Examples

This project is on GitHub. Go fork it.

Testing Toggle

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

Info

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)