Interact.js - перемещение iframe с помощью ручки

У меня есть iframe (синяя рамка) с ручкой (красный div):

Я хочу перетащить iframe (вокруг основного документа) с помощью красной ручки div. Итак, красный div остается на месте, iframe движется.

Я создал скрипку:

https://jsfiddle.net/po70xko8/

который не работает так, как я хочу (он перемещает красный div внутри iframe). В скрипке есть код, который, как я думал, будет работать, но он также не делает:

    interact(iframe)
    .allowFrom(header)
    .draggable({
        onmove: onMove
    });

Возможно ли это. Как?

Большое спасибо!