Question

插件 fullpageScroll 允许在某个时间点（对于移动网站）停用其插件。因此，通过设置responsive: 750，只要浏览器宽度小于750px，插件就会被停用。

我想通过检查宽高比来扩展它。因此，每当我想要$(window).width()/$(window).height() <= 1.32)时，我都会停用该插件。

执行上述检查的代码如下：

function responsive(){
    if(options.responsive){

        var isResponsive = container.hasClass('fp-responsive');
        if ($(window).width() < options.responsive ){
            if(!isResponsive){
                $.fn.fullpage.setAutoScrolling(false, 'internal');
                $('#fp-nav').hide();
                container.addClass('fp-responsive');
            }
        }else if(isResponsive){
            $.fn.fullpage.setAutoScrolling(originals.autoScrolling, 'internal');
            $('#fp-nav').show();
            container.removeClass('fp-responsive');
        }
    }
}

我无法对此代码实施纵横比的第二次检查。我感谢你的每一个帮助或建议！

Answer 1

您可以执行此操作，然后在console.log为

的位置实现您的功能

$( window ).resize(function() {   
    if($(window).width()/$(window).height() <= 1.32){
        console.log("Do stuff here")
    }
});

检测设备纵横比

1 个答案: