CODEWITHSUNDEEP
jquerytransition
Pratik Kothari
Pratik Kothari

Reputation: 2446

design effect using jQuery

Please take a look at this link:

http://melissahie.com/

When you click on any of the links on this website, you will see a pretty good transition of the page. I am assuming this effect can be achieved through jQuery. Any guidance is appreciated?

Pratik

Upvotes: 1

Views: 211

Answers (2)

simshaun
simshaun

Reputation: 21466

That "effect" is achieved by placing fixed size absolute-positioned divs on a page and use Javascript to scroll the document.

If the scrollbars were turned on, you would just scroll and be able to see all the pages. With the body set to overflow: hidden you can use JavaScript to scroll the page. All you need is a "smooth scrolling" plugin.

Edit: Also, it looks like crap on a high resolution.

Upvotes: 2

Brad Christie
Brad Christie

Reputation: 101594

$.scrollTo is what you're after I bet. (And demo page)

Just my $0.02, don't duplicate that. An absolutely-positively-fixed-sized-site. Ew. It's basally a website designed as a canvas with scrolling using to go between the "pages".

Upvotes: 0

Related Questions