我可以根据窗口大小执行javascript吗？

Question

我有一个响应式网站,我正在使用JavaScript来创建一个粘性侧边栏.

当浏览器大小小于768px时,我还使用媒体查询从多列布局更改为单列布局.

我需要弄清楚如何在单列布局中禁用粘性菜单脚本.从本质上讲,我需要像脚本语句的媒体查询.

这是我用来启用脚本的代码:

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

有什么东西我可以添加到它只有触发,如果窗口是768px宽或更宽？

编辑:我正在寻找一个解决方案,如果用户动态调整窗口大小,将起作用.

Answer 1

试试这个.

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