javascript - 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 文件中定义的最小宽度，而不是主体/窗口的实际大小。