Mobile 使用stellar禁用移动设备上的视差

Mobile 使用stellar禁用移动设备上的视差,mobile,parallax,Mobile,Parallax,我有个问题 当他在移动设备上时,我想在我的网站上禁用视差效果,因此我在不同的论坛上查看,发现以下代码: var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); },

我有个问题

当他在移动设备上时,我想在我的网站上禁用视差效果,因此我在不同的论坛上查看,发现以下代码:

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

jQuery(document).ready(function(){
if( !isMobile.any()){
    $(window).stellar();
    }
});
但那不起作用,没有办法用简单的代码禁用stellar

(我找到另一个代码来检测设备)

这一个可以工作(使用.js)

但我仍然不知道如何禁用stellar


谢谢大家

按照您的第一个示例更改最后一部分:

if( !isMobile.any() )
$(function(){
    $.stellar({
    horizontalScrolling: false,
    verticalOffset: 50
    });
});
对我来说,它工作得很好,声明说:“如果不是移动的,那么初始化Stellar”


请注意,您提供的移动代理列表并不完整,它适用于大多数设备,但请记住

按照第一个示例更改最后一部分:

if( !isMobile.any() )
$(function(){
    $.stellar({
    horizontalScrolling: false,
    verticalOffset: 50
    });
});
对我来说,它工作得很好,声明说:“如果不是移动的,那么初始化Stellar”


请注意,您提供的移动代理列表并不完整,它适用于大多数设备,但请记住

这个代码对我很有用

var isMobile={
Android:function(){
返回navigator.userAgent.match(/Android/i);
},
黑莓:函数(){
返回navigator.userAgent.match(/BlackBerry/i);
},
iOS:function(){
返回navigator.userAgent.match(/iPhone | iPad | iPod/i);
},
Opera:函数(){
返回navigator.userAgent.match(/Opera-Mini/i);
},
Windows:function(){
返回navigator.userAgent.match(/IEMobile/i);
},
any:function(){
返回(isMobile.Android()| | isMobile.BlackBerry()| | isMobile.iOS()| | isMobile.Opera()| | isMobile.Windows());
}
};
jQuery(文档).ready(函数(){
jQuery(窗口).stellar({
水平滚动:错误,
hideDistantElements:是的,
垂直滚动:!isMobile.any(),
scrollProperty:'scroll',
回答:对
});

});这个代码对我有用

var isMobile={
Android:function(){
返回navigator.userAgent.match(/Android/i);
},
黑莓:函数(){
返回navigator.userAgent.match(/BlackBerry/i);
},
iOS:function(){
返回navigator.userAgent.match(/iPhone | iPad | iPod/i);
},
Opera:函数(){
返回navigator.userAgent.match(/Opera-Mini/i);
},
Windows:function(){
返回navigator.userAgent.match(/IEMobile/i);
},
any:function(){
返回(isMobile.Android()| | isMobile.BlackBerry()| | isMobile.iOS()| | isMobile.Opera()| | isMobile.Windows());
}
};
jQuery(文档).ready(函数(){
jQuery(窗口).stellar({
水平滚动:错误,
hideDistantElements:是的,
垂直滚动:!isMobile.any(),
scrollProperty:'scroll',
回答:对
});

});欢迎使用堆栈溢出!虽然这段代码可能会回答这个问题,但提供有关这段代码为什么和/或如何回答这个问题的附加上下文可以提高它的长期价值。欢迎使用堆栈溢出!虽然此代码可能会回答该问题,但提供有关此代码为什么和/或如何回答该问题的附加上下文可提高其长期价值。