How can i create such one page nav by jquery?

There are lot of jQuery plugins available to create one page effect. Some of them are

1. jQuery Scroll Path:

This plugin allows us to draw a totally custom scroll path (with curves) of any size.

HTML elements can be placed along the path and events like mousewheel, up/down arrow keys or spacebar will get you to the next element with an animation that follows the path.

An optional custom scrollbar is included which allows click and drag scrolling. Also, the plugin allows rotating the entire page using CSS transforms.

2. Ascensor.js:

This jQuery plugin enables us to locate content blocks into any coordinates of a canvas and browse them with the keyboard.

The sections are browsed like an elevator system which can go up/down and right/left.

3. Curtain.js:

This plugin can display multiple fixed panels with a curtain-rise effect which is great for creating a nice scroll effect.

It is also possible to use the keyboard or mouse wheel for scrolling.

4. Pagify.js

This jQuery plugin is specifically created for single-page websites.

It works by creating the contents of each menu as separate HTML files and loads those HTML files inside a defined

once a menu item is clicked.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

deepak lm14y ago
There are lot of jQuery plugins available to create one page effect. Some of them are

1. jQuery Scroll Path:
This plugin allows us to draw a totally custom scroll path (with curves) of any size.

HTML elements can be placed along the path and events like mousewheel, up/down arrow keys or spacebar will get you to the next element with an animation that follows the path.

An optional custom scrollbar is included which allows click and drag scrolling. Also, the plugin allows rotating the entire page using CSS transforms.
2. Ascensor.js:
This jQuery plugin enables us to locate content blocks into any coordinates of a canvas and browse them with the keyboard.

The sections are browsed like an elevator system which can go up/down and right/left.
3. Curtain.js:
This plugin can display multiple fixed panels with a curtain-rise effect which is great for creating a nice scroll effect.
It is also possible to use the keyboard or mouse wheel for scrolling.
4. Pagify.js
This jQuery plugin is specifically created for single-page websites.

It works by creating the contents of each menu as separate HTML files and loads those HTML files inside a defined
once a menu item is clicked.
0