Question

我正在使用Skrollr.js。事实证明，这个库在iOS移动设备上不起作用。我可以在移动设备和其他媒体查询上看到一切正常，但是，当我删除它时，它只适用于移动设备：

<script src="shared_javascript/skrollr.js" id="remove_me_on_mobile"></script>

当我删除脚本时，一切都在移动设备上运行，但不适用于其他媒体查询。

我试过了：

    var script = window.matchMedia("(min-width: 500px)");

    if (script.matches) {
        $('.fill_in').html('<script src="shared_javascript/skrollr.js" id="remove_me_on_mobile"></script>')
    }

我的index.html是：

<div class='fill_in'></div>

有什么想法吗？

Answer 1

如果屏幕尺寸大于移动屏幕，则附加脚本（但实际上，您可以在if中验证您喜欢的任何条件是否可移动）。

$(function(){
    if($('body').width() > 400) { $('head').append('<script src="shared_javascript/skrollr.js" id="remove_me_on_mobile"><\/script>'); }
});

如果视口是移动的，则删除脚本

1 个答案: