使標頭貼在某個窗口寬度？

Question

所以我的問題是，我將如何讓我的標題已經堅持頂部滾動只在某些設備寬度上工作？

function fixDiv() { 
    var $div = $("#header-full-top"); 
    if ($(window).scrollTop() > $div.data("top")) { 
    $('#header-full-top').css({ 
     'position': 'fixed', 
     'top': '0', 
     'width': '100%' 
    }); 
    } else { 
    $('#header-full-top').css({ 
     'position': 'static', 
     'top': 'auto', 
     'width': '100%' 
    }); 
    } 
} 

$("#header-full-top").data("top", $("#header-full-top").offset().top); // set original position on load 
$(window).scroll(fixDiv); 

Fiddle

Answer 1

 function fixDiv() { 
      var getWindowWidth = $(window).width(); 
      //approximate above medium screen widths includes large and medium screens. 
//exactly not sure, from where the medium screen sizes starts from, just you need to change 767 in order to checkout your result 
      if(getWindowWidth>767) { 
       $('#header-full-top').css({ 
        'position': 'fixed', 
        'top': '0', 
        'width': '100%' 
       }); 
      } 
      else { 
       $('#header-full-top').css({ 
        'position': 'static', 
        'top': 'auto', 
        'width': '100%' 
       }); 
      } 
     } 
     fixDiv(); 
     $(window).resize(fixDiv); 

檢查上面的代碼，$(window).width()返回上您的網頁或文件被調用窗口寬度。因此你可以利用width值根據窗口寬度有條件地使用jquery或其他語句。

https://jsfiddle.net/L5xxjbn2/2/