4

2D ダイアグラムのスクロール可能なビューを表示する Web アプリを持っています。ユーザーがより簡単にビューを常に指に追従できるようにしようとしています。

デフォルトの動作では、ほとんどのスワイプ モーションが垂直方向または水平方向の拘束された動きになるようになっています。これは、テキストを読むのには役立ちますが、私のユース ケースではそれほどではありません。

スクロールを直接設定するカスタム タッチ イベント コードを記述することは 1 つの可能性ですが、それではスクロールの勢いを取り戻すことが難しくなります。さらに、ネイティブ機能は、JS 操作の一時停止や再レンダリングの回避など、バックグラウンドでいくつかの特別な処理を実行できるため、全体的なパフォーマンスが向上します。

方向制御の動作を制御できる CSS スタイルはありますか?

4

2 に答える 2

1

ダイアグラムをページ サイズからオーバーフローさせることができます。

#diagram{
    width: 2000px;
}

他のすべての部分を修正する必要があります。

#menu, etc{
    position: fixed
}

このようにして、方向の制約がないページ自体のスクロールを使用できます。

iPad がデバイスの幅に合わせてコンテンツのサイズを変更しないようにするには、これを次のように追加します<head>。

<meta name="viewport" content="initial-scale=1, user-scalable=no, width=2000px">
于 2012-12-20T15:52:03.633 に答える
1

動作を指定する方法は見つかりませんでしたが、指を動かさずに下に置いてから1秒後に指を動かし始めると、すべての方向にスクロールできることがわかりました。

運動量が含まれており、方向をロックするかどうかを明示的に指定できるため、iScroll または同様のものが機能するかどうかを調べてください。

于 2012-12-20T15:36:30.040 に答える