Desativar scroll da pagina temporariamente

[LeoO_DF 22]

Estou criando um sistema de janela modal, até agora está tudo bem, no entanto preciso saber como desativo o scroll da pagina quando a modal estiver aberta, e ativar novamente quando ela for fechada, tipo o facebook quando você abre uma imagem e talz

[ignoredxyz 17]

Você pode usar javascript, mais facilmente com jQuery para fazer isso.

 

Exemplo:

$(document).ready(function(){
    // REMOVER BARRAS DE ROLAGEM
    $("#idAbrirModal").click(function(){
        $("hmtl, body").css({
            'height' : $(window).height() + 'px',
            'width' : $(window).width() + 'px',
            'overflow' : 'hidden'
        });
    });

    // VOLTANDO TAMANHO NORMAL
    $("#idFecharModal").click(function(){
        $("hmtl, body").css({
            'height' : 'auto',
            'width' : 'auto',
            'overflow' : 'auto'
        });
    });
});

 

[LeoO_DF 22]

Até que funcionou mais eu preciso que a barra de scroll fique visivel assim não fazendo aquela de tipo as posições irem pro centro sem ela e quando fechar elas voltaram aonde tava, eu tentei:

$("hmtl, body").css({
			'height' : $(window).height() + 'px',
			'width' : $(window).width() + 'px',
			'overflow': "visible"
		});

porem ai fica com o scroll total da pagina

[ignoredxyz 17]

Removido...

[LeoO_DF 22]

Não é como se apenas o overflow hidden que estivesse indo mais a height da body não, ai como a scrool bar ocupa width da pagina então ao retirar ela toda a pagina vai para o lado kkk

[ignoredxyz 17]

Tente esse código:

$(document).ready(function(){
    $("html").css({
        'height' : $(window).height() + 'px',
        'width' : $(window).width() + 'px',
        'overflow-x' : 'hidden',
        'overflow-y' : 'auto'
    });
    $("body").css({
        'height' : ($(window).height() + 1) + 'px',
        'width' : $(window).width() + 'px',
        'overflow' : 'hidden'
    });
});

 

[LeoO_DF 22]

hmm ainda não enfim, deixa assim depois eu faço uns testes e resolvo o problema, de qualquer modo Obrigado.

[ignoredxyz 17]

Qual o resultado?

O que faltou?

[LeoO_DF 22]

foi duplicado a scroll bar, e só quando a modal fecha que 1 delas fica do jeito que eu quero

[ignoredxyz 17]

Pode postar um screenshoot?

[LeoO_DF 22]

Dei uns ajustes aqui e funcionou o Código, Obrigado.

[ignoredxyz 17]

Beleza! :natallaugh: