Swipe menu, movable header items

The Guardian (UK newspaper) has an android app with a swipe navigation menu which I would like to implement in my HTML5 app.

If you click on an article it has a header like this and this:

(Can somebody who knows how please make these smaller?)


When you swipe left and right the html slide changes and the header item slides along, knocking away the previous item on the list.

Are there any pre-existing javascript plugins to achieve this effect?

Thanks!

Answers


There is an existing java script library Hammar.js that you might want to look at.

Using it you can define event handlers in the following fashion.

Hammer(el).on("swipeleft", function() {
    alert('you swiped left!');
}); 

Need Your Help

use jquery autocomplete with carousel for preview and selection

jquery autocomplete carousel

I've successfully used jquery autocomplete to display a list of matching images based on user input. The user experience isn't great though due to the number of potential matches - even with fairly

DirectX: Passing a array pointer to vertex structures

c++ arrays pointers data-structures directx

I noticed some strangeness when passing a VERTEX structure to a buffer. At first I thought it was a faulty custom function for reading into .obj files, but debugging further narrowed the problem. T...