Semi-Circular Swipe Scroll

Question

Ich habe in den letzten paar Wochen gesucht und ich kann keine Antwort finden.

This is what i'm trying to accomplish ! Click to see the image.

ich brauche durch eine unendliche Anzahl von Anwendungen zu blättern, auf einem Touchscreen-Gerät.

Die in der Mitte muss größer sein, und der Rest kleiner und kleiner, um die Idee zu geben, dass es mehr Apps gibt, die nicht sichtbar sind und Sie Apps berühren und scrollen müssen.

Ich versuche, dies mit Jquery, HTML5 und CSS3 zu tun.

Kann mir bitte jemand helfen?

ich wirklich hier bin stecken ..

Vielen Dank!

Answer 1

ich versuchte, diesen http://jsfiddle.net/67zMe/5/

mit, aber ich hatte kein Glück es halbkreisförmig und basierend auf Touch-Screen zu machen Aktion Scrollen.

var radius = 300; 
var angleSteps = 360/$('#circle-list li').length; 
var baseAngle = 0; 

function updateListPositions() 
{ 
    $('#circle-list li').each(function(index, element) 
     { 
      var angle = baseAngle + (index * angleSteps); 
      var center = 150; 
      var distance = 100; 
      var x = distance * Math.cos(angle * (Math.PI/180)); 
      var y = distance * Math.sin(angle * (Math.PI/180)); 
      $(element).css({left:center+x, top:center+y}); 
     }); 
} 

var stepInterval = setInterval(stepAngle, 25); 

function stepAngle() 
{ 
    baseAngle++; 
    updateListPositions(); 
} 

Hier ist das Javascript. Es ist das nächste, was ich gefunden habe, was ich brauche.

Der Typ, der dies gepostet hatte, hatte das gleiche Problem und fand nicht die Antwort, die er brauchte.