toggleClass或addClass / removeClass可以在所有浏览器上兼容吗？

Question

我正在寻找一种替代方法来实现与.toggleClass()类似的效果，该方法将特定类切换为开/关元素（因为.toggleClass()与Safari不兼容。）

这是我用来实现要在其间切换的类的代码行：

 $window.on('scroll', function() { div2.toggleClass('show', scrollTop >= (div1_top - window_top_to_div2) && (scrollTop + window.innerHeight) <= (div1_bottom + window_top_to_div2)); }); 

此外，我在之前的文章中提供了更广泛的摘要，在这里： toggleClass是否可以在Safari中工作？ （jQuery的）

Answer 1

如果我正确理解，那应该是您要寻找的。 它使用的代码与您相同，但稍有不同，使用addClass和removeClass函数而不是toggleClass 。

 $window.on('scroll', function() { if (scrollTop >= (div1_top - window_top_to_div2) && (scrollTop + window.innerHeight) <= (div1_bottom + window_top_to_div2)) { if (div2.is(":visible")) { div2.removeClass('show'); } else { div2.addClass('show'); } } });