jquery - 通过CSS媒体查询调整jQuery选项

我已经浏览了很多jQuery / CSS答案，但是似乎都没有碰到我的问题_
我使用popin.js在网页底部创建了一个弹出框，该弹出框在用户向下滚动超过500像素后出现_一切正常，适用于大屏幕，但我需要知道如何重置较小屏幕的高度以及是否有可能通过媒体查询_说“ @media（最大宽度：768像素）”

popin.js库中的代码=

var settings = $.extend({
            target      : '[data-toggle="popin"]', // Target element
            button      : '[data-toggle="kill-popin"]', // Close Button
            store       : 'popin', // Cookie Name
            offsetTop   : 500, // Offset when to slide
            duration    : 400 // Speed of animation
        }, options);

如何更改@media的offsetTop选项（最大宽度：768px）

提前致谢

最佳答案

好的，这是答案https://jsfiddle.net/qtsk1zwu/2/

var offsetVal = 0;
$(window).on('resize',function(){
  if($(window).width() <=768){
    offsetVal = 200
      console.log(offsetVal)
  }else{
   offsetVal = 500
     console.log(offsetVal)
  }

})
$(window).on('load',function(){
  if($(window).width <=768){
    offsetVal = 200
      console.log(offsetVal)
  }else{
   offsetVal = 500
     console.log(offsetVal)
  }

})

关于jquery - 通过CSS媒体查询调整jQuery选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40413843/