Home/ Questions/Q 8641319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T11:29:40+00:00

Im wanting to create a navigation slide animation effect in my HTML web application.

  • 0

Im wanting to create a navigation slide animation effect in my HTML web application. Im just wondering if it is possible.

Scenario is: Page 1 = Contacts Listing, Page 2 = Contact Details.

When the user selects a contact in the listing and clicks details I want the contact listing to slide off to the left and the Contact Details slides in from the right (like an iOS navigation app).

Is this possible? The Contact Listing and Details are two seperate web pages.

Any advice would be appreciated.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My first thought is to use Jquery mobile transitions. That framework is really close to the UI of iOS

    http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html

    But you have to be more clear what you mean by separate webpages.
    You can use iframes,anchor tags, or even ajax calls if you are using dynamic content.

    Personally I really prefer the Jquery’s mobile approach.
    Each “page” is wrapped in divs with page markups in a single html document, also it is possible to load additional html pages with different transition effects

    Take a look at this example
    http://jsfiddle.net/4Bgx7/2648/

    • 0