到达断点时禁用scrollify插件

时间:2017-01-30 21:50:28

标签: twitter-bootstrap media-queries jquery-scrollify

这是我想在浏览器达到768px宽度的Bootstrap断点时禁用的脚本:

$(function() {
  $.scrollify({
    /*section: "section",*/
    interstitialSection: "interstitialSection", 
    offset: 30,
  });
});

提前致谢。

1 个答案:

答案 0 :(得分:1)

当您到达断点时,可以禁用并启用scrollify插件:

$(window).resize(function() {
  var width = $(this).width();
  if(width < 768) {
    $.scrollify.disable();
  } else {
    $.scrollify.enable();
  }
});

$(window).trigger('resize');

你可以包含去抖功能,所以在调整大小后,禁用和启用只会启动50ms(检查Codepen示例)。

CODEPEN