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

我已经浏览了很多jQuery/CSS的答案，但似乎没有一个涉及到我的问题_ 我使用popin.js在一个网页的底部创建了一个popin，当用户向下滚动超过500px时，该网页就会显示出来。对于大屏幕，一切都正常，但我需要知道如何重置小屏幕的高度，以及是否可以通过媒体查询（比如@media（最大宽度：768px））来实现

来自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）

提前谢谢

好的，这是答案

var offsetVal=0；
$（窗口）.on（'resize'，function（））{
如果（$（window）.width（）ok，答案如下

var offsetVal=0；
$（窗口）.on（'resize'，function（））{
if（$（窗口）.width（）如果ts 768或大于768，您可以使用javascript检查窗口的宽度。感谢您回复我Rani u如果我理解正确，您建议我创建一个新的javascript函数，在设备屏幕变小时覆盖原始函数u遗憾的是，我没有足够的JS知识来做这件事……嗯，创建一个if/else控制使用哪个函数？768及以下的偏移值是多少@maik@Rani可能是200？如果我知道怎么做，我可以相应地进行调整uu可能也适用于更大的媒体查询uu你认为创建一个if/else测试屏幕宽度会起作用吗？是的，就像这个一样检查这个小提琴只需更改v如果ts 768或大于768，您可以使用javascript检查窗口的宽度。感谢您回复我Rani？如果我理解正确，您建议我创建一个新的javascript函数，在设备屏幕变小时覆盖原始函数？遗憾的是，我没有足够的JS知识嗯……创建一个if/else来控制使用哪个函数？768及以下的偏移量值是多少@maik@Rani200可能？如果我知道怎么做，我可以相应地调整uu可能也适用于更大的媒体查询uu你认为创建一个if/else测试屏幕宽度是否可行？是的，就像这个检查一样这个小提琴只需更改值并设置所需的值
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)
  }

})