3

設定：

デスクトップコンピューターでローカルにホストされているWebサイトがあり、そのデスクトップにタッチスクリーンが接続されています。Webサイトは、Firefoxを使用してタッチスクリーンで表示されます。

要件：

  • タッチスクリーンから自分のWebサイトを1本指でスクロールできるようにします。
  • iPhoneの1本指のスクロールが現在機能しているのとまったく同じように動作するはずです。
  • Firefoxでのみ機能する必要があります。

質問：

  • この場合に使用するのに最適なテクノロジーは何ですか？（JQuery / Javascript / CSS？）
  • 実用的な例/解決策を教えていただけますか？

どうもありがとう。

4

4 に答える 4

3

ニュアンスを考えさせてあげましょうが、こういうのがアイデアになります

$(function(){

    var dragYStart;
    var dragScrollStart;
    $(window).one('mousedown',startDrag);

function startDrag(e){
    dragYStart = e.pageY;
    dragScrollStart = $(window).scrollTop();
    $(window).on('mousemove',drag);
    $(window).one('mouseup',stopDrag);
}
function stopDrag(e){
    $(window).off('mousemove',drag);
    $(window).one('mousedown',startDrag);
}
function drag(e){
    var delta = dragYStart - e.pageY;
    $(window).scrollTop(dragScrollStart + delta);
}

});

例を参照してください

于 2013-03-20T01:20:59.603 に答える
2

更新...今朝見つかりました。これはおそらくまさにあなたが望むものです

http://zynga.github.com/scroller/

于 2013-03-21T20:15:04.817 に答える
1

'iScoll'ライブラリはアーカイブされています。後世については、以下を参照してください。

https://github.com/cubiq/iscroll [archived / read-only] https://web.archive.org/web/20170515081250/http://iscrolljs.com/ https://web.archive.org/ web / 20180726185738 / http：//lab.cubiq.org/iscroll/examples/simple/

2021年5月18日現在すべてリンク404未満。

タッチ対応デバイスでのiOSスタイルのスクロールの場合（デスクトップでもうまく機能します）iScroll素晴らしいソリューションです。

問題のタッチデバイスをこのデモURLにポイントします。http://lab.cubiq.org/iscroll/examples/simple/

機能が含まれます：

  • ピンチ/ズーム
  • 引き上げ/引き下げて更新
  • 速度と勢いの改善
  • 要素にスナップ
  • カスタマイズ可能なスクロールバー

-経由iScroll4ドキュメント

于 2013-03-21T01:24:37.363 に答える
-2

「私の」jsプラグインを使用します。スワイプイベントハンドラーもあります：D http://hoangminhdat.com/myLab/dragScrollJS/

ハンドヘルドデバイスでは機能しませんが、デスクトップではうまく機能します。また、非常にシンプルです。

私はそれを作りました：D

于 2013-03-21T01:30:07.480 に答える