0

私が標準のiPhone 4を使用しているとしましょう。

メニューバーの幅は 2000px です。ユーザーがメニュー div を押したままにすると、指を左右に動かすことができ、メニュー バーが移動します。これにより、ユーザーは指を使ってメニューのすべての項目を参照できます。(左右スクロール)

javascript/jqueryでそれを行うにはどうすればよいですか?

これは、Google 画像の Web ビューのようなものです (携帯電話でそこに移動します)。左右にスワイプして各画像をナビゲートできます。

ただし...「スナップ」のないメニューバーにしたいのですが。

4

2 に答える 2

0

これは非常に基本的な例です。しかし、それはあなたを正しい方向に動かすはずです。

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

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

    }
});

目的地を取得するには、タッチスタート座標、.menu_bar開始位置も保存してから、少しの計算を使用して、のように毎回指の位置にスナップするのではなく、バーをその位置に対して相対的に移動する必要があります。上記の例で十分です。

お役に立てば幸いです:)

于 2012-04-30T09:07:12.147 に答える
0

I'm still a little confused by the question but I believe the answer is just to use

    -webkit-overflow-scrolling: touch;

This will work for iOS5 devices and give you a small scroll bar when active (i.e. when scrolling)

Otherwise you could try this plugin: http://cubiq.org/iscroll-4

Or: http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/ (which is multi-device)

于 2012-04-30T09:09:25.223 に答える