防止js插件已经启动。

Question

背景：

我使用的是jQuery插件stickyScroll，所以当我在一个特定的页面上时，边栏和滚动的用户一起出现。

​

​

然而，当用户转到小屏幕大小时，我需要取消。。

​

​

我试图重写这个样式，但是插件比一个经典的!important更强大

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

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

，那么有没有一种方法可以比使用！更重要地强制一个样式，或者取消一个函数操作?

Answer 1

怎么样

if($(window).width() < 991){
  $('.index2').stickyScroll('reset');
}

然而，作者是警告他的插件表现不佳

Answer 2

你只需要做一个重置功能，它就有它的文档！

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

在这种情况下，您打开和关闭它，基于用户调整大小或查看端口！如果没有在document.ready上调用它，只有在调整浏览器大小时才会执行，所以必须这样做。

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

Answer 3

尝试将“样式”参数更改为"css"，

 $('.sticy-active').css('top','0 !important');

最近的！重要的应该优先于以前的用途。

否则，请尝试删除框的绝对定位(恢复为:相对位置；或位置:固定；)