jQuery停止Skrollr脚本

Question

我用skrollr创建了一个简单的页面，当页面大小小于1200时，我想调整屏幕大小以停止脚本。

var s = null;

if ($(window).width() >= 1200) {
    var s = skrollr.init();
}

$(window).resize(function() {
    viewportWidth = $(this).width();
    if ( viewportWidth > 1200 && w <= 1200){
        s = skrollr.init();
        w = viewportWidth;
    }else if (viewportWidth <= 1200 && w>1200) {
        s = // ???;
        w = viewportWidth;
    };
}).resize();

我的问题是，当视区小于1200px时，我不知道该写些什么。

谢谢

Answer 1

听起来，如果用户将窗口大小调整为小于1200像素，则您希望禁用skrollr；如果用户将窗口大小调整为大于1200像素，则您希望启用skrollr。有一种方法可以做到这点。

$(window).resize(function () {
  var width = $(window).width();

  if (width < 1200 && skrollr.get() === undefined) {
    skrollr.init();
  } else if (width >= 1200 && skrollr.get() !== undefined) {
    skrollr.destroy();
  }
});