HTML5 page transition

Posted on 2012-09-18
Last Modified: 2012-10-04
What are my options available in HTML5 for giving smoother transition between pages of my website?

Can i do a slide-by or a fade?

Note, that there are 2 separate .html pages, NOT the same page
Question by:RTKHOT
    1 Comment
    LVL 1

    Accepted Solution

    Sorry, but you can't change the behaviour of page changes natively with HTML5.
    However, you may be intressted to use a combination of HTML5 and JavaScript to achieve this effect.

    I would recommend looking into a Framework, e.g. jQuery, and functions such as $.load() and $.ajax() together with HTML5's pushState() function to change the URL without really reloading the web page.

    Let me know if something is unclear.


    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Suggested Solutions

    This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
    Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now