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的媒体查询)结合使用。

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

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

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

    deferSetup : true,

});