4

私は自分のウェブサイトで jQuery jScrollPaneプラグインを使用しています。通常の PC ブラウザーと iPad、Android タブレットで正常に動作しています。

しかし、Windows 8 のタッチ スクリーン ラップトップで Web サイトを開くと、iPad や Android タブレットのようにタッチ ジェスチャでページをスクロールできません。

このデモ Web サイト ( http://jscrollpane.kelvinluck.com/themes/lozenge/ ) も試しましたが、タッチ ジェスチャでコンテンツをスクロールできません。

ページをスクロールするには、スクロールバーに移動して左右にドラッグする必要があります。以前はデフォルトのスクロール バーでタッチ ジェスチャを使用してページをスクロールできましたが、jScrollPane ではできなくなりました。

Chromeではコンテンツ (デモと私のサイト、windows8 デバイス) をスクロールできますが、 IE と FireFoxではスクロールできません。

これは既知の問題ですか? どうすればこれを修正できますか?

jScrollPane は、タッチ ジェスチャ用の Webkit ブラウザのみをサポートしていますか?

はいの場合、すべてのブラウザ、特に Firefox と IE で動作するようにするにはどうすればよいですか?

アップデート：

ブルーノの回答のコメントで述べたように、私たちはすでにその部門に次のスタイルを使用しようとしました..しかし運が悪い

.scroll-pane{
overflow-x:scroll; 
-ms-touch-action: pan-x;    
}

and 

.scroll-pane{
overflow-x: scroll;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);

}
4

3 に答える 3

8

このスタイルを CSS の body タグに追加します。

overflow-x:scroll ; 
-ms-touch-action: pan-x;

それは私のために働いた。これがあなたにも役立つことを願っています。幸運を祈ります。

于 2013-01-29T11:31:09.670 に答える
1

MsPointerEvents ( http://goo.gl/MnEIh ) をjquery.jscrollpane.js に追加します。

https://raw.github.com/karacas/jScrollPane/9fe8872f6e2438a87847e3d01b46648f06d15fc1/script/jquery.jscrollpane.js

動作することを願っています。申し訳ありませんが、w8 を持っていないため、これをテストできません。

于 2013-01-29T03:12:43.513 に答える
1

はい、jScollPane は webkit タッチ イベントのみを処理します (それらは唯一のイベント atm でした)。しかし現在、MS はPointer イベントを導入しました。頭に浮かぶもう1つの例は、タッチエンド、タッチスタートなどのみを検出するためにも使用されるFlexSliderプラグインです.

jScollPane を Win8 で動作させたい場合は、ソースを変更して、MS Pointer イベントを検出するように適合させることができます。

于 2013-01-24T04:40:07.103 に答える