javascript - 设置最小宽度时的 jquery 代码

Question

我正在使用 sticky.js现在我想在最小宽度设置为 768px 时使用它，换句话说 我不希望 sticky.js 在最大宽度为 768px 的手机或设备中工作。

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

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

如果您需要更多详细信息，请告诉我

Answer 1

使用条件，并检查任何元素设置了最小宽度样式

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

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