ナビゲーション バーのサイトで接辞コンポーネントを使用していますが、小さな画面では無効にしたいと考えています。jquery メソッドとデータを使用していますが、画面の解像度が 767px より小さい場合にオフにする方法がわかりません。サイズ変更とスクロール時にウィンドウ幅をキャプチャし、false を返すか接辞クラスを削除しようとしましたが、実際にはうまくいきません。
if($('#subnav').length){
$(window).resize(function() {
var wWidth = $(window).width();
getSize(wWidth);
});
$(window).scroll(function () {
var wWidth = $(window).width();
getSize(wWidth);
});
function getSize(z){
if(z <= 767) {
// I tried doing return false here, no good.
$('#subnav').removeClass('affix').removeClass('affix-top');
$('.nav > li').removeClass('active');
} else {
setNav();
}
}
var wWidth = $(window).width();
getSize(wWidth);
function setNav (){
$('#subnav').affix({
offset: {
top: 420,
bottom: 270
}
});
$('#subnav').scrollspy();
}
}