Deshabilitar la interacción del ratón con un DIV

Cuando adaptamos una web a móvil, puede que nos interese deshabilitar la interacción del scroll en los DIVS que cuentan con un slider o carrusel, ya que produce un efecto extraño.

Si te ha sucedido este problema, y has probado sin éxito buscando en google cosas como:

• disable css mouse div
• disable mouse scroll when overflow
• etc…

… te sugiero una solución al problema para que lo puedas resolver fácilmente, aplicando la siguiente directiva CSS a al DIV al cual queremos deshabilitar el scroll del ratón.

pointer-events:none;


Espero que os sirva de ayuda.