javascript - 阻止已启动的 js 插件的操作

Question

上下文:

我正在使用 jQuery 插件 stickyScroll因此，当我进入特定页面时，侧栏会与滚动的用户一起移动。

但是，当用户使用小屏幕尺寸时，我需要取消该操作。

我尝试过覆盖样式，但该插件比经典的更强大!重要

$(window).resize(function(){
    if($(window).width() >= 991){
        $('.index2').stickyScroll({ container: '.containerIndex2' });
    }else{
        $('.sticy-active').style('top','0 !important');
    }
})

我也很难使用return，但我不知道如何说它应该返回这个特定的函数。

那么有没有办法比 !important 更强制使用样式或取消函数操作？

Answer 1

你只需要执行一个重置功能，它上面有文档!

window.resize(resetSticky);
function resetSticy(){
if(window.innerWidth < 768)
  $('selector').stickyScroll('reset')
else
  $('selector').stickyScroll()
}

在这种情况下，您可以根据用户调整大小或查看端口来打开和关闭它!如果你不在 document.ready 上调用它，它只会在你调整浏览器大小时执行，所以你必须这样做。

$(document).ready(function(){
resetSticky();
})