Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galerinha, boa tarde,
seguinte estou com um problema que não consigo resolver, estou utilizando o jquery ui com a função Draggable para movimentar uma div, ate ai tudo certinho, mais como o conteúdo é maior do que a div comporta coloquei pelo CSS um overflow: auto para adicionar uma barra de rolagem, ate ai tudo certo também mais quando clico na barra de rolagem a div passa a ficar grudada no cursor acompanhando ele pra todo lugar e impedindo que eu clique no botão fechar da div.
alguem consegue me ajudar.
abraço
William segue meu codigo js, ja usei essa função do jquery ui em outras ocasiões mais nunca tive que usar barra de rolagem dentro, agora que tenho deu esse bug.
$(document).ready(function(){
$("#bg-lock").hide();
$("#janela").hide();
var titulo = $("#janelaContainer").attr("title");
$(".sobre").click(function(){
$("#bg-lock").fadeIn();
$("#janela").fadeIn();
$("#janela").draggable( {containment: "window" } );
$("h6").click(function(){
$("#janela").fadeOut();
$("#bg-lock").fadeOut();
});
$("#janela").css({
border: "5px"
});
$("#janelaContainer").removeAttr("title");
});
$("janela").scroll();
});Abraço
Esse código que mandei tem algumas coisas que coloquei só pra testar, segue o correto.
$(document).ready(function(){
$("#bg-lock").hide();
$("#janela").hide();
$(".sobre").click(function(){
$("#bg-lock").fadeIn();
$("#janela").fadeIn();
$("#janela").draggable( {containment: "window" } );
$("h6").click(function(){
$("#janela").fadeOut();
$("#bg-lock").fadeOut();
});
$("#janela").css({
border: "5px"
});
});
});
como está o seu código js do drag ?
apaguei seus outros tópicos duplicados.