24 Superb Sites That Use Horizontal, Vertical Or Multi-Directional jQuery Scrolling Effect

jQuery JavaScript Framework has fast become an indispensable part of web 2.0 formation and will continue to be use heavily in websites and projects. As the search of entertaining visual effects continues, the performance and speed of a site should not be compromised. Now with jQuery, it's possible to integrate captivating visual effects together with highly effective functions.

Well, using jQuery scrolling effect not only is a new form of showcasing your site or work, but it also give the audience a fresh experience when they interacts with your site.

Horizontal, Vertical Multi Direction jQuery Scrolling Effect

With the help of jQuery.ScrollTo plugin, we can transform a normal site into a slideshow storyboard that will bring across unique experience to visitors during their journey on the site.

Here are 24 superb sites that has used jQuery to displayed either horizontal, vertical or multi-directional scrolling effect. Most of them has used the jQuery.ScrollTo plugin to create a flash-like scrolling navigation experience whereas some of them has used other unique jQuery scripts.

jQuery Horizontal Scroll

jQuery Horizontal Scroll is kind of the unique way to presenting your site to the audience, not many sites are choosing it to present their site. Sometime designer or developer just worry that audience does not like the horizontal scroll feel and believe it may compromise the conventional style of vertical web page surfing.

When applying horizontal scroll on a site, the message that you want to bring across need to be bold so that it will create an impact to the audience. Also remember keep the copywriting to the minimum. If it's done appropriately, they can be very attractive.

Vanityclaire

Claire Baxter lived in Dallas and is a Creative Director of the Art Director persuasion.

Vanityclaire
Vanityclaire

Aredesforgirls

AREDES is a Brazil company dealing with variety of clothing for girls.

Aredesforgirls
Aredesforgirls

Carrotcreative

Carrot creative is a new-media marketing agency located in DUMBO, Brooklyn, NY specializing in social media marketing and user experience design.

Carrotcreative
Carrotcreative

Sursly

Tyler Finck is a designer that specialist in Photoshop, Illustrator, InDesign, Flash, Canon/Nikon DSLRs, Final Cut Studio, Logic Pro, Mac + PC and iWork.

Sursly
Sursly

Peter Pearson

Peter Pearson is a BA New Media graduate from the University of Leeds, UK. Currently based in St Albans, Hertfordshire. The site is a showcase of his university and freelance work as a web designer, developer, animator and artist.

Peter Pearson
Peter Pearson

Zupadupa

Zupadupa is a web agency from Romania that offer web design services, web development, marketing and online ads, web consulting, branding and rebranding.

Zupadupa
Zupadupa

Gavincastleton

Gavin Castleton is a musician and currently on tour to spread his talents.

Gavincastleton
Gavincastleton

Artist In Design

Artist in Design is a German web agency that provides web graphic designs.

Artist In Design
Artist In Design

jQuery Vertical Scroll

jQuery Vertical Scroll reassembles the old school way of vertical scrolling and by injects a new vibrant auto scrolling into it. By clicking at the navigation, the page scroll gracefully down to the section, now you can change your perspective of the traditional vertical scrolling sites.

Dannyblackman

Danny Blackman is currently a 3rd year BA Communications & New Media student at University of Leeds, UK and a freelance designer & developer.

Dannyblackman
Dannyblackman

Designinsocial

Designinsocial is a collective aspiration where one occurs to the opportunity to entrepreneurs and industrialist with less resources to harness his product or business through professional graphical design.

Designinsocial
Designinsocial

Dreamerlines

Janis is a web designer working for a digital creative agency called Digibrand.

Dreamerlines
Dreamerlines

Emrahyaman

Emrah Yaman's was born in Kocaeli/Turkey and is a freelancer working working on all kinds of projects varying from websites to print and brand identity.

Emrahyaman
Emrahyaman

Kineticshadows

Et Cetera Brian started his design career in multimedia and web design in the 90s and deals with interactive development, 3D work and interactive design.

Kineticshadows
Kineticshadows

Legworkstudio

Legworkstudio is a web agency that deals with print design, web design & developement and motion design.

Legworkstudio
Legworkstudio

Newincreative

Nguyen Le is an Interactive Designer/Developer from Melbourne.

Newincreative
Newincreative

Pojeta

Tomas Pojeta is a Czech designer.

Pojeta
Pojeta

Redcrownstudio

Redcrownstudio boost a team of professional that deal with web design, web development, visual identity design and email marketing.

Redcrownstudio
Redcrownstudio

Spicydesign

Alex ElChehimi is a web/graphic designer that is located at Montreal.

Spicydesign
Spicydesign

Toby Powell

Toby Powell is a web designer that specialize in creating beautiful, usable, professional websites using best practice accessibility and the latest W3C web standards guidelines.

Toby Powell
Toby Powell

Visualelixir

Jim Gunardson is a illustrator and designer that is located in New Jersey, near Philadelphia.

Visualelixir
Visualelixir

jQuery Multi-Directional Scroll

Integrating the best of horizontal and vertical scrolling effects and transform them into an interactive experience. Multi-directional scroll effects is a beautiful way of presenting your site to your audience.

Wallswaps

Wallswaps is a design firm located at Nottingham, UK.

Wallswaps
Wallswaps

Serialcut

Serial Cut is a Madrid based studio, established in 1999 by Sergio del Puerto, working on a wide variety of worldwide projects, but focusing mainly on Art Direction.

Serialcut
Serialcut

Enterrodagata

Enterrodagata is developed by Rui Silva, also known as "Penso", whom live in Braga, Portugal. He is a web designer and developer.

Enterrodagata
Enterrodagata

Jandk

Jackson & Kent is a French agency that deal with web designs and development.

Jandk
Jandk

Conclusion

This list sums up some of the superb sites that has used jQuery to display horizontal, vertical or multi direction effects. Most sites are so dynamic that even the backgrounds moves around. One thing for sure that, jQuery will be constantly improving and we will be constantly looking for better ways to present our sites to our audiences.

Do you used the mentioned jQuery scrolling effect in your sites? Or do you have a superb site that you wish to recommend? Leave your recommendation below!

About this Author

Terrance

Terrance is a versatile Web developer and the chief editor of OXP. He enjoys creating functional websites and is particularly engrossed in all the tiny details mixed together to construct great user experiences. He always believe that every Web user deserves the best!

Share This Article

  • Stumble Upon
  • Delicious
  • Reddit
  • Facebook

21 Comments on “24 Superb Sites That Use Horizontal, Vertical Or Multi-Directional jQuery Scrolling Effect”

  1. Great post!!
    Thanks for sharing.

  2. Great post! Here are 2 websites that must be part of this collections: http://www.visualboxsite.com & http://www.lucino-gene.com

  3. I'd like to throw in http://tyrale.com for consideration.

    • Hi Tyrale,

      How can i miss you out?

      Part 2 is on it's way, your site will be added to the list.

      Stay tuned. :)

  4. Does anyone know of any tutorials going through the process of creating vertical scrolling website.

  5. sweet collaction
    i really like this one: http://design-farm.net

  6. Thanks for including Kinetic Shadows in this great list.

  7. Maybe you should consider adding http://www.salon-lafolie.com to your list. Its using not only scrolling effect, but awesome illustrations too.

  8. Those are some great skills :)

  9. Süper çalışma saygılar.

  10. Gerçekten emeğe saygı göstermek lazım:)

  11. Terrance can u plz try and check if my website can be added?

    http://www.tridibghosh.com

    It has both use of lightbox and Jquery scrolling. Hope you like it.

    Thanks

  12. I'm thinking of using this effect on a website I'm currently designing so these are really handy examples.

    Cheers for the post

    Ryan

  13. Great post!

    I love this designs! They demonstrate that in many cases Flash is superfluous..

    Here 2 website with the same effects but build in mootools...

    http://www.emergentitaliani.it

    http://www.solegiallo.it

    and this are 2 horizontal scrolling portfolio templates for indexhibit and wordpress using jquery:

    http://www.stefanoferroni.com

    http://www.marconofri.com

    Bye!

  14. Nice Collection! I just finished working on my own horizontal website. http://www.deboraparentes.com
    Check it out!

  15. very nice javascript site list

Leave a Reply