1

ユーザーがメニューとして機能する div 内を左または右からスクロールできるようにするスクリプトまたは jquery プラグインはありますか?

ページ全体は静的ですが、左右にスワイプして別のページを選択できます。最終結果は iPad で表示されます。任意の iOS デバイスのカバー フロー機能に似ています。

4

3 に答える 3

1

編集：笑、質問を誤解しているようです。jQuery mobile またはswipe.jsを使用して、独自のタッチベースのスライダーを作成できます。また、ここでタッチベースのスライダー プラグインを見つけました: http://www.photoswipe.com/

カスタムスライダーを実行したい場合は、そこにある jsFiddle を調べてください。

マウスホイールプラグインを使用してホイールの速度を計算するよりも、マスク領域を作成してそこに要素を配置できます。この値を使用して、マスク領域をアニメーション化できます。

ここではjsFiddleが動作しています。

$('.mask').bind('mousewheel', function(event, delta) {
    var dir = delta > 0 ? 'up' : 'down', 
    vel = Math.abs(delta);//mousewheel's velocity value

    var cur = parseInt($('.imgHolder').css('left'));

    if( dir === 'up' && cur <= 0 ) {
        $('.imgHolder').css({'left':'+='+ vel*5 +'px'});
    }
    else if ( dir === 'down' && cur > -1100 ){
        $('.imgHolder').css({'left':'-='+ vel*5 +'px'});
    }

    return false;
});
于 2013-01-30T20:46:49.187 に答える
0

次のようなものを使用してください：

div
{
  overflow-y:scroll;
}
于 2013-01-30T20:12:02.553 に答える
0

私自身の掘り起こしを通して、私はこれを見つけることができました。これは私が欲しかったものです.

http://code.comunicatek.com/en/tekslider_a_touch_focused_slider.html

他の誰かが同じものを探しているなら、彼らがそれを見るだろうと思って投稿しました

于 2013-01-30T20:46:40.510 に答える