2011-12-20 3 views
2

horisontalスワイプサポート付きのモバイルページを構築します。 私はcss3を使用したいと考えています。css3モバイルスワイプ - どのように行うには?

私は右側にpotentailの追加ビューを持つビューを持っているとしましょう。 私はそれが最初の状態は正しいdivを隠すことになると思いますか?

移行はどのように実行する必要がありますか? (私はSwipe Animation in CSS3と読みましたが、まだ青色です)

また、divの100%の幅を保証するにはどうすればよいですか?

<div id="container"> 
    <div id="initial" style="width:100%;float:left;"> 
    initial content 
    </div> 
    <div id="next" class="hide" style="width:100%;float:left;"> 
    additional content on request 
    </div> 

に関して、 //トン

答えて

1

CSS3は、モバイルサイト上でスワイプ運動は必要ありません。必要なのは、ライブタッチイベントを認識するJavascriptライブラリです。 touchstart touchmove touchendのJQueryサンプルを検索するか、http://jqtouch.com/ライブラリをチェックしてみてください。

+0

はい、私はzepto.jsを使用してトリガーを捕まえて正常に動作します。問題は、githubコードスワイプのように、アニメーションについてです。 – Teson

+0

使用しているjsライブラリは重要な事実ではありません。問題を再現できるように、コードへのリンクを投稿できますか? –