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

Question

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

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

Answer 1

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

希望有所帮助，欢呼！

Answer 2

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

所以，例如：

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

Answer 3

将skrollr.destroy（）函数与enquire.js（js的mediaqueries）结合使用。

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

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

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

    deferSetup : true,

});