半円形スワイプスクロール

Question

これは数週間先に検索していますが、回答が見つかりません。

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

私はタッチスクリーンデバイス上で、アプリケーションの無限の数をスクロールする必要があります。

中央に表示されているものは大きく、残りのものは小さく、小さく表示する必要があり、アプリに触れてスクロールする必要があるという考えを与える必要があります。

私はこれをJquery、HTML5、およびCSS3で実行しようとしています。

誰でも助けてくれますか？

はどうもありがとうございまし

私は本当にここにこだわって...！

Answer 1

私はこのhttp://jsfiddle.net/67zMe/5/

を使用してみましたが、私はそれが半円形と行動をスクロールタッチスクリーンに基づいて行う運がなかったです。

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(); 
} 

ここはjavascriptです。それは私が見つけた最も近いものです。

これを投稿した男は、同じ問題を抱えていて、彼が必要としていた答えを見つけられませんでした。