Problema arrastável do JQuery Fancybox com Scrollbars
Eu estou usando um fancybox com pluginjquery.easydrag.js
. A razão para isso é poder arrastar a fantasia.
Parece estar funcionando bem, mas o problema vem quando o fancybox tem barras de rolagem. Ou seja por exemplo, ao clicar em enviar e não inserir nenhum campo, a validação na tela causa barras de rolagem. O que é bom normalmente, mas as barras de rolagem causam todos os tipos de problemas com o recurso arrastável, de modo que quando eu estou tentando clicar na barra de rolagem para cima e para baixo, ele realmente move as janelas inteiras. Então, parece estar confuso com o conteúdo que pode ser movido e o que fazer com uma barra de rolagem.
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);
EDITAR:
Eu consegui adicionar algo para entrada e textareas para ignorar a rolagem veja abaixo ... só imaginando o que eu posso fazer para as barras de rolagem.
$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();
});
este é o link para JS para o plugin easydrag