javascript - skrollr.js：在给定的窗口宽度关闭或销毁 skrollr

Question

我正在使用skrollr.js为页面上的一些内容设置动画。我只想在窗口视口宽度大于特定大小时初始化 skrollr，并在我低于该视口宽度时完全删除或销毁它。

比如当浏览器窗口宽度大于600px时，我想初始化skrollr，但是当浏览器窗口宽度小于600px时，我想关闭或者销毁skrollr。

Answer 1

destroy实例方法是您正在寻找的。上周我一直在研究它，现在看起来 Prinzhorn 已经在 master 分支上合并了我的更改。

希望对您有所帮助，加油！

Answer 2

将 skrollr.destroy() 函数与enquire.js（js 的媒体查询）结合使用。

enquire.register("screen and (min-width: 960px)", {

    match : function() {
        var s = skrollr.init();
    },      

    unmatch : function() {
        var s = skrollr.destroy();
    },    

    deferSetup : true,

});

Answer 3

您可以使用Modernizr （和 Yepnope.js）来测试给定的媒体查询，然后，如果它返回 true，则导入脚本。这在此处记录。

因此，例如：

Modernizr.load([
  {
    test: Modernizr.mq('only all and (min-width: 600px)'),
    yep: '/js/skrollr.js',
  }
]);