javascript - 滚动不适用于 css()？

Question

$( window ).scroll(function() {
          $(".navbar .navbar-default").css({"border-bottom":"1px soild #DDD !important"});
            });

        });

为什么我上面的代码不起作用？我在里面放了一个 alert() 并尝试滚动它。我想在用户向下滚动时显示边框，并在滚动到顶部时隐藏边框。

Answer 1

如果您提供有效的 css 值，它应该可以工作。

没有边框属性 soild 应该是 solid

尝试使用:

$(".navbar .navbar-default").css({"border-bottom":"1px solid #DDD !important"});

更好的方法是使用 css 类并将您的样式放在样式表规则中。通过切换类来撤消比删除内联样式更简单