0

モバイルブラウザで左または右にスワイプしたときに、オーバーレイされた矢印（つまりデスクトップバージョンのChrome）と同じ素晴らしい効果を作成しようとしています。

私はjavascriptとjQueryを使用していますが、今のところ、スワイプすると矢印を表示できます。スワイプの距離を確保できましたが、2つをリンクする方法が見つからないため、距離に関連する矢印の一部のみを表示します。

$('#arrow').show('slide',{direction: 'right'},1000);
$('#arrow').fadeIn();
$('#arrow').fadeOut();

私はanimate（）でもそれをやろうとしていますが、まだ立ち往生しています：S

助けてくれてありがとう

4

1 に答える 1

0

start、、、の3つの値が必要endですcurrent。

あなたの場合、あなたはstart end価値が何であるかを決定する必要があるでしょう。

スワイプ可能な領域（画面）の幅を使用すると、0とx（スワイプ可能な領域の幅はどこにありますか）が得られますx。はすでにあります。これは、実際のスワイプが終了する場所とcurrentの間の距離です（スワイプの幅、おそらく？）。start

これらの値を取得したら、パーセンテージ（0から1の間）を導き出し、@mikakunの提案を使用して矢印に適用できます。矢印のグラフィックは、コンテナ内に完全に配置するか、コンテナの背景画像として設定する必要があります。これにより、コンテナが拡大してさらに表示されるときに、矢印のパーセンテージのみが表示されるという効果が得られます。良い効果は、あなたが明らかにしているものの後ろに完全な矢印の半透明/灰色の複製を持っていることです。

于 2013-01-18T03:14:04.943 に答える