¿Puedo ejecutar Javascript en función del tamaño de la ventana?

Question

Tengo un sitio sensible donde estoy usando un javascript para crear una barra lateral adhesiva.

También estoy usando las consultas de medios para cambiar de un diseño de varias columnas a un diseño de una sola columna cuando el tamaño del navegador es inferior a 768px.

Necesito averiguar cómo desactivar el script de menú adhesivo en el diseño de una sola columna. Esencialmente, necesito algo así como una consulta de medios para la declaración del script.

Este es el código que estoy utilizando para permitir el guión:

<script> 
jQuery('#info').containedStickyScroll({ 
     duration: 0, 
     unstick: false 
    }); 
</script> 

¿Hay algo que puedo añadir a lo que sólo tienen que activar si la ventana es 768px de ancho o más ancho?

EDIT: Estoy buscando una solución que funcione si el usuario cambia el tamaño de la ventana sobre la marcha.

Answer 1

Pruebe esto.

$(function(){ 
    $(window).resize(function(){ 
     if($(this).width() >= 768){ 
      jQuery('#info').containedStickyScroll({ 
       duration: 0, 
       unstick: false 
      }); 
     } 
     }) 
     .resize();//trigger resize on page load 
}); 

Answer 2

probar este código:

var height = $(window).height(); //I'm assuming you mean height, you can try .width() if yo u need it 

if (height < 768) { 
    jQuery('#info').containedStickyScroll({ 
     duration: 0, 
     unstick: false 
    }); 
} 

Espero que ayude.