Wrong position in modal window.

[LamerVK]

I have a problem with position of area in modal window.
When I open modal window, box and outer boxes are positioned at a scrolled distance ( http://c2n.me/inJHEd ).
I fix it like this:
In update function (line 322) i change this:
$box.css({ left: viewX(selection.x1), top: viewY(selection.y1) })
.add($area).width(w = selection.width).height(h = selection.height);
to this:
$box.css({ left: viewX(selection.x1), top: viewY(selection.y1)-$(window).scrollTop() })
.add($area).width(w = selection.width).height(h = selection.height);

and this:
$($outer[0]).css({ left: left, top: top,
width: selection.x1, height: imgHeight });
$($outer[1]).css({ left: left + selection.x1, top: top,
width: w, height: selection.y1 });
$($outer[2]).css({ left: left + selection.x2, top: top,
width: imgWidth - selection.x2, height: imgHeight });
$($outer[3]).css({ left: left + selection.x1, top: top + selection.y2,
width: w, height: imgHeight - selection.y2 });
to this

$($outer[0]).css({ left: left, top: top-$(window).scrollTop(),
width: selection.x1, height: imgHeight });
$($outer[1]).css({ left: left + selection.x1, top: top-$(window).scrollTop(),
width: w, height: selection.y1 });
$($outer[2]).css({ left: left + selection.x2, top: top-$(window).scrollTop(),
width: imgWidth - selection.x2, height: imgHeight });
$($outer[3]).css({ left: left + selection.x1, top: top-$(window).scrollTop() + selection.y2,
width: w, height: imgHeight - selection.y2 });

its help for me: http://c2n.me/inJLgg

[ableade]

make sure you set parent when calling the plugin if you are using bootstrap

[LamerVK]

No, I dont us bootstrap.