Ich benutze eine Fancybox mit Pluginjquery.easydrag.js. Der Grund dafür ist, dass Sie die Fancybox verschieben können.

Es scheint gut zu funktionieren, aber das Problem tritt auf, wenn die Fancybox über Bildlaufleisten verfügt. Das heißt Wenn Sie zum Beispiel auf "Senden" klicken und keine Felder eingeben, führt die Validierung auf dem Bildschirm zu Bildlaufleisten. Das ist normalerweise in Ordnung, aber die Bildlaufleisten verursachen alle möglichen Probleme mit der Funktion zum Ziehen, sodass beim Versuch, auf die Bildlaufleiste nach oben und unten zu klicken, das gesamte Fenster verschoben wird. Es scheint also verwirrt zu sein, welche Inhalte verschoben werden können und was mit einer Bildlaufleiste zu tun ist.

        claimLink.fancybox({
        'width': 500,
        'height': 590,
        'autoDimensions': false,
        'onCleanup': function (e) {

            var modelClaimFormId = $j(e).attr("href").replace("body", "");
            var modalClaimForm = $j(modelClaimFormId);

            if (!($j(modalClaimForm).valid())) {
                $j(claimForm).remove();
                $j(e).parents("tr").remove();
            }

        }
    });

    $j("#fancybox-wrap").easydrag(true);

EDIT:

Es ist mir gelungen, etwas für Eingaben und Textbereiche hinzuzufügen, um das Scrollen zu ignorieren (siehe unten). Ich habe mich nur gefragt, was ich für Bildlaufleisten tun kann.

                $j("#fancybox-wrap").easydrag(true);

            $j("#fancybox-wrap input,textarea").click(function(){
                $j("#fancybox-wrap").dragOff();
            });
            $j("#fancybox-wrap input,textarea").mouseover(function () {
                $j("#fancybox-wrap").dragOff();
            });
            $j("#fancybox-wrap input,textarea").blur(function () {
                $j("#fancybox-wrap").dragOn();
            });
            $j("#fancybox-wrap input,textarea").mouseout(function () {
                $j("#fancybox-wrap").dragOn();
            });

Diese ist der Link zu JS für das easydrag Plugin