電子プログラミング ガイドを開発しましたが、デスクトップでは満足していますが、タッチ デバイスではドラッグとスクロールが機能しません。
デスクトップのドラッグ アンド スクロール機能に次のプラグインを使用しています。
http://hitconsultants.com/dragscroll_scrollsync/dragscrollable.js
vmousemove、vmouseup、vmousedownなどのドラッグスクロール可能なプラグインに仮想マウスイベントを追加することでそれを活用できることを期待して、jqueryモバイルライブラリをプロジェクトに追加しましたが、目的の効果がなく、まだドラッグスクロールなしで立ち往生しています。
これが私のセットアップの例です：
タッチ デバイスをチェックするために Modernizer の最小限のビルドを追加して、タッチ デバイスでのスクロールを許可するためにコンテナーで overflow-x: scroll を設定できるようにしたときに、これを純粋に偶然に解決することができました。
これが必要なすべてです。
modernizer.js へのスクリプト参照を追加します。私の特定のビルドはここから入手でき、タッチ イベントと CSS クラスを備えた最小限のビルドです。
次に、タッチ デバイスのチェックを実行する必要があります。true の場合は、overflow-x css プロパティを次のように auto に設定します。
$(function() {
if (Modernizr.touch) {
$("#mycontainer").css("overflow-x", "auto");
}
});
私のテストで見つけた結果は、実際には非常に満足のいくものでした。なぜなら、デスクトップ マシンのように分厚いスクロールバーが表示されず、ソリューションがうまく機能するからです。