到达断点时禁用 scrollify 插件
Disable scrollify plugin when reaches breakpoint
这是我要在浏览器到达 Bootstrap 宽度为 768px 的断点时禁用的脚本:
$(function() {
$.scrollify({
/*section: "section",*/
interstitialSection: "interstitialSection",
offset: 30,
});
});
提前致谢。
您可以在到达断点时禁用和启用 scrollify 插件,如下所示:
$(window).resize(function() {
var width = $(this).width();
if(width < 768) {
$.scrollify.disable();
} else {
$.scrollify.enable();
}
});
$(window).trigger('resize');
您可以包含去抖动功能,因此禁用和启用将在调整大小完成后仅触发 50 毫秒(查看 Codepen 示例)。
CODEPEN
这是我要在浏览器到达 Bootstrap 宽度为 768px 的断点时禁用的脚本:
$(function() {
$.scrollify({
/*section: "section",*/
interstitialSection: "interstitialSection",
offset: 30,
});
});
提前致谢。
您可以在到达断点时禁用和启用 scrollify 插件,如下所示:
$(window).resize(function() {
var width = $(this).width();
if(width < 768) {
$.scrollify.disable();
} else {
$.scrollify.enable();
}
});
$(window).trigger('resize');
您可以包含去抖动功能,因此禁用和启用将在调整大小完成后仅触发 50 毫秒(查看 Codepen 示例)。