3

Estoy usando:

<style type="text/css" media="print,screen">
    #aviso {
        pointer-events:none;
    }
</style>

para negar la opción de hacer click dentro de ese div, pero quiero poder hacer scroll dentro de él, lo cual no me permite hacer

¿Alguna solución?

2 respuestas 2

3

Pordías estilar un elemento padre ya que pointer-events solo aplica al elemento actual pero el evento como tal sí hace burbuja por lo que no afecta al scroll y demás eventos de sus elementos padres.

Asumo que tienes algo como esto

#aviso {
  pointer-events: none;
  height: 300px;
  width: 300px;
  overflow-y: auto;
}
#child {
  background-color: red;
  color: white;
  font-weight: bolder;
  height: 500px;
  padding-top: 250px;
}
<div id="aviso">
  <div id="child">
    Contenido
  </div>
</div>

Efectivamente el scroll no funciona. Este es un ejemplo de como lo podrías hacer sin necesidad de usar javascript y el scroll ya funciona de nuevo

#aviso {
  pointer-events: none;
  height: 300px;
  width: 300px;
}
#child {
  background-color: red;
  color: white;
  font-weight: bolder;
  height: 500px;
  padding-top: 250px;
}
#parent {
  width: 300px;
  overflow-y: auto;
}
<div id="parent">
  <div id="aviso">
    <div id="child">
      Contenido
    </div>
  </div>
</div>

1

Esta es una opción con jQuery:

$('#aviso').click(false);

Otra opción sería con unbind:

$('#aviso').unbind('click');

Otra opción con javascript, aunque es más un truco que deshabilitar el clic:

document.getElementById("aviso").onclick = function(){return false;} 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.