你如何保持一个粘性标题在小分辨率上运行

时间:2014-05-02 05:40:51

标签: javascript jquery html css sticky

我想在除移动分辨率之外的所有分辨率上都有一个粘性导航栏。如果人们将窗口调整为移动设备,我希望此代码能够运行。当页面加载时,它工作得很好,但是当我调整浏览器大小时,宽度变量不会更新。这是我正在使用的代码。

var width = $(window).width();

$(window).resize(function(){
    width = $(window).width();
})

if ( width >=768 ) {
    $('.mainNavWrap').sticky({topSpacing:42});
}
我添加了一个小提琴 http://jsfiddle.net/DR5aX/

1 个答案:

答案 0 :(得分:0)

喜欢这个

var width = $(window).width();

$(window).resize(function(){

  width = $(window).width();
if ( width >=768 ) {
    $('.mainNavWrap').sticky({topSpacing:42});
}

})