Question

我已经看了很多jQuery / CSS的答案，但似乎没有人触及我的问题_ 我使用popin.js在网页底部创建一个popin，在用户向下滚动超过500px之后出现_所有内容都适用于大屏幕，但我需要知道如何重置较小屏幕的高度以及是否＆＃ 39;可以通过媒体查询_说＆＃39; @media（最大宽度：768px）＆＃39;

popin.js library =

中的代码

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（max-width：768px）

的offsetTop选项

提前致谢

Answer 1

这里的答案是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)
  }

})

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

1 个答案: