Establecer overflow:hidden al mostrar un div

[Burlon23]

Hola todos, me gustaria saber como puedo establecer en un script un overflow:hidden a un div cuando se muestra como por ejemplo cuando esta en display:block que se active el overflow:hidden, y viseversa, yo tengo un codigo para hacerlo pero mediante click a un div, no mediante un estilo css, que como dije en este caso seria display, block o none, espero me puedan ayudar, gracias de ante mano.

Este el es srcipt que tengo para hacerlo con click

Código PHP:

  <script>
$(document).ready(function() {
  var floater = false;
  $('.fancybox-inline').click(function(){
    var top = $(window).scrollTop();
    var left = $(window).scrollLeft()
    if(!floater){
      $('body').css('overflow', 'hidden');
      $(window).scroll(function(){
        $(this).scrollTop(top).scrollLeft(left);
      });
    } else {
      $('body').css('overflow', 'auto');
      $(window).unbind('scroll');
    }
    floater = !floater;
  });
  
});
</script>  
  

[Alexis88]

La librería jQuery ofrece el método .is() para determinar si se cumple en el elemento asociado lo que se establezca como parámetro, el cual puede ser un selector o una función. Asimismo, jQuery tiene un selector llamado :visible, el cual toma al/los elemento/s del documento que sean visibles.

Si combinamos ambas, podemos elaborar una condición que se ajuste a lo que buscas:

Código Javascript:

if ($("#id del div").is(":visible")){
    //Si el <div> es visible
}
else{
    //Si el <div> no es visible
}
 

Saludos

[Burlon23]

Muchas gracias por la respuesta Alexis88, soy novato en este lenguaje, podrias decirme como quedaria el codigo ya terminado?, Saludos