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。这是我发现的最接近我需要的东西。

发布此内容的人遇到了同样的问题，但找不到他需要的答案。

半圆形滑动滚动

1 个答案: