在移动设备上删除脚本

Question

我正在使用jInvertscroll创建一个网页。但是，这还没有移动支持。所以我正在尝试各种较小的脚本来删除它。

到目前为止，我已经到了：

$(document).ready(function() {
var isDesktop = (function() {
return !('ontouchstart' in window)
|| !('onmsgesturechange' in window);
})();

window.isDesktop = isDesktop;
if( isDesktop ){ 

(function($) {
var numberOfdivs = $('.front').children('.photo').length;
var frontwidth = (numberOfdivs) * 833;
console.log(frontwidth);
$(".front").css("width", frontwidth);

$.jInvertScroll(['.scroll'],
{
width: (frontwidth),
onScroll: function(percent) {
console.log(percent);
}
});
}(jQuery));
}
});

然而，这不起作用。我也尝试使用if / else语句来触发视口宽度。也没有做到这一点。

任何提示？

问候。

Answer 1

enquire.js是一个轻量级的纯JavaScript库，用于响应CSS媒体查询。您可以像这样使用它：

enquire.register("screen and (min-width:45rem)", {
    // You code you want to run above the breakpoint here
});