調整通過CSS媒體查詢的jQuery選擇

我已經經歷了不少的jQuery/CSS的答案看了，但沒有人可以碰我的問題_ 我用popin.js建立在其之後出現一個網頁底部的人口信息網用戶滾動下來超過500px _一切工作，因爲它應該爲大屏幕，但我需要知道如何重置較小的屏幕的高度，以及是否有可能通過媒體query_說'@media（max-width：768px）'調整通過CSS媒體查詢的jQuery選擇

從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）代碼

在此先感謝

來源

2016-11-04 maik

你可以使用JavaScript來檢查的窗口的寬度，如果TS 768或大於768 –

感謝回去我拉尼_如果我正確理解你，你建議我創建一個新的JavaScript函數，當設備屏幕變小時，它會覆蓋原始的_可悲的是，我沒有足夠的JS知識來做到這一點.....嗯創建一個if/else控制使用哪個功能？ – maik

768及以下的偏移值是多少？ @maik –

確定這裏就是答案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) 
    } 

})

來源

2016-11-04 01:38:41

調整通過CSS媒體查詢的jQuery選擇

回答

相關問題