如何在JS添加css类时应用css代码样式

Question

我想要做的是：我有一个顶部固定条，当向下滚动它有一个较小的高度和菜单是好的，但图像标志在黑色条下缩放约5 px;

我想通过以下方式解决这个问题： 将margin-top:30px添加到徽标中，我希望当滚动时将栏的高度更改为较小的类mk时，将徽标类更改为margin-top:0，这是可能由JS？

Answer 1

在您的徽标中，您可以做类似的事情吗？

element.style.marginTop="0px"

基本上你想要做的是当你达到你想要的JavaScript代码滚动逻辑时

var element = document.getElementId("IdOfYourElementThatyouWantToApply");

然后你应用上面代码的样式。

Answer 2

您可以在javascript中执行此操作：

yourObject.style.marginTop="0px"

Answer 3

在JQuery中你可以这样做：

$('#YourId').attr('style', 'margin-top:0px');

如果你想拥有旧款式，只需做类似的事情：

    var style = $('#YourId').attr('style');
style += " margin-top:0px;"
    $('#YourId').attr('style', style);