CodeCanyon Drift 222963

CodeCanyon Drift 222963

CodeCanyon Drift 222963
JavaScript \ Miscellaneous
User \ Experience \ Scrolling \ Scroll \ Drift \ Animation



JavaScript - Drift 222963 by JimmyP @ CodeCanyon

JavaScript \ Miscellaneous

Last Update: 1 May 11; Compatible Browsers: IE7, IE8, IE9, FireFox 2, FireFox 3, Firefox 3.6, Safari 5, Opera, Chrome 5; Software Version: jQuery 1.4, jQuery 1.5; Files Included: JavaScript JS, HTML.

DRIFT is a jQuery plugin designed for use with elements that remain relevant to the user throughout their scrolling experience. When DRIFT becomes activated it will enable the element to constantly drift towards the attention of the user, resting and then re-activating in accordance with the user's scrolling actions.

Imagine a shopping cart in the sidebar of your website. It would be greatly beneficial to the user if that shopping cart remained in their view even when scrolling down the page. The same can be said for navigation menus, user alerts or advertisements. Use this plugin as you wish.

Its features.

- Compatible with all major browsers.

- No browser or feature sniffing.

- Intuitive API with a wide array of options.

- You can decide the bounds of the drifter. Where it goes, how it goes, and how fast it goes. Everything is configurable.

- 16KB documentation in HTML format, viewable in the browser, with code examples and an FAQ (which I hope will be expanded in the future)

- You can add new modes of drifting. Currently there are five default modes, including elastic animation, regular animation, bounce animation, static (non animated) and fade (I hope to add new modes in the future).

HandScroller; Zoomer.

Keywords: animation, drift, scroll, scrolling, user experience.



Tags: Drift, Experience, Scroll, Animation, Scrolling

Premium CodeCanyon Drift 222963 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Drift 222963 for digital design and education. CodeCanyon Drift 222963 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *