最小宽度设置时的jquery代码

时间:2014-05-08 14:18:02

标签: javascript jquery css responsive-design

我正在使用sticky.js现在我想在最小宽度设置为768px时使用它,换句话说 我不希望sticky.js适用于移动设备或最大宽度为768px的设备。

我使用这个jquery代码来使用sticky-js

jQuery(document).ready(function(){
    jQuery("#header").sticky({
        className : 'sticky-header' ,
        topSpacing : -45
    });
}); 

如果您需要更多详情,请告诉我

1 个答案:

答案 0 :(得分:3)

使用条件,并检查具有最小宽度样式集的任何元素

jQuery(function($){
    var min_width = parseInt( $('body').css('min-width'), 10 );

    if ( min_width > 768 ) {
        $("#header").sticky({
            className : 'sticky-header' ,
            topSpacing : -45
        });
    }
});