0

昔ながらのフレームセット内のフレームで、クリックアンドドラッグ（iPhoneやiPadで楽しむタッチドラッグ操作と同様）を有効にしようとしています。

私が探している機能は、ここに示されているものと似ています：http:
//jsfiddle.net/AhC87/2/

jQuery nicescrollプラグインで小さな成功を収めましたが、水平スクロールをサポートしておらず、バグが多く一貫性がないようです（たとえば、クリックを離した後もスクロールを続ける）。

これが私がこの振る舞いを有効にしようとしているインターフェースです：
http ：//simrtk.net/map/map.php？x = 258＆y = 176

左側のマップインターフェイスは右上のミニマップを使用してスクロールでき、従来のすべてのスクロール方法が機能しますが、クリックしてドラッグする機能を有効にしてプロセスをより楽しくするのがよいと思いました。その旨のご要望も承っております。どんな援助でも大歓迎です！

注：CSSを使用してマップ上にコントロールサイドバーを配置すると、低速のコンピューターでひどいパフォーマンスが発生するため、これには厄介な古いフレームセットを使用しました。したがって、このシナリオでフレームセットを破棄するオプションはおそらくありません。

4

1 に答える 1

0

言及した jsfiddle を統合する必要があるだけです。そのためには、ファイルの$(document).readyコード内に次の JavaScript を追加します。map_large.js

$("#map").mousedown(function(e){
    e.preventDefault();
    down=true;
    x=e.pageX;
    y=e.pageY;
    top=$(this).scrollTop();
    left=$(this).scrollLeft();
});

$("body").mousemove(function(e){
    if(down){
        var newX=e.pageX;
        var newY=e.pageY;

        //console.log(y+", "+newY+", "+top+", "+(top+(newY-y)));

        $("#map").scrollTop(top-newY+y);    
        $("#map").scrollLeft(left-newX+x);    
    }
});

$("body").mouseup(function(e){down=false;});
于 2012-10-12T20:47:53.390 に答える