0

假设我使用的是标准 iPhone 4。

我的菜单栏宽度为 2000 像素。当用户触摸并按住菜单 div 时，可以左右移动手指，菜单栏也会随之移动。这允许用户使用他的手指浏览所有菜单项。（向左/向右滚动）

我怎样才能在 javascript/jquery 中做到这一点？

这就像谷歌图片网络视图（在你的手机上去那里）。您可以左右滑动浏览每个图像。

除了......我希望它是一个菜单栏，没有“捕捉”。

4

2 回答 2

0

这是一个非常非常基本的例子。它应该让你朝着正确的方向前进。

$('body').bind({
    'touchmove': function(e){

        $('.menu_bar').css({
            'left': e.originalEvent.touches[0].pageX
        });

    }
});

要到达您要去的地方，您还需要存储 touchstart 坐标、.menu_bar 起始位置，然后使用一些数学运算来相对于它的位置移动栏，而不是像每次都捕捉到手指位置上面的例子就可以了。

希望有帮助:)

于 2012-04-30T09:07:12.147 回答
0

我对这个问题仍然有些困惑，但我相信答案只是为了使用

    -webkit-overflow-scrolling: touch;

这适用于 iOS5 设备，并在活动时（即滚动时）为您提供一个小滚动条

否则你可以试试这个插件：http ://cubiq.org/iscroll-4

或者：http ://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/ （多设备）

于 2012-04-30T09:09:25.223 回答