jQuery冲突或

Question

我正在使用sticky.js插件，现在我想在宽度超过768px时使用它，所以我使用：

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

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

但它对我不起作用。我认为存在jQuery冲突，因为代码看起来是正确的。 我该怎么办？

live demo

Answer 1

使用

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

而不是

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

min-width将只给出你在css文件中定义的最小宽度，而不是实体/窗口的实际大小。