我将如何使用 jQuery 添加边距底部

Question

这是我正在使用的代码div，它在滚动时将divamargin固定到页面顶部，但我想在它固定到顶部后给出a 。

var fixmeTop = $('.fixme').offset().top;
$(window).scroll(function() {
    var currentScroll = $(window).scrollTop();
    if (currentScroll >= fixmeTop) {
        $('.fixme').css({
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } else {
        $('.fixme').css({
            position: 'static'
        });
    }
});

我见过这样的例子来使用 jQuery 添加边距，但我无法将它应用于我的代码：

$('.fixme').css('margin-bottom',90);

您会看到，当div固定在页面顶部时，两个元素之间的空间就会关闭。我想添加margin到div后面，以便它一粘住就具有相同的距离。

小提琴

Answer 1

您会看到，当 div 固定到页面顶部时，两个元素之间的空间会闭合。我想在 div 之后添加边距，以便它一旦粘住就具有相同的距离。

你不能那样做。这是因为，一旦某个元素被删除fixed，它就会从流中删除，并与其余内容完全位于不同的层中。在元素上放置边距fixed将不起作用，因为它位于不同的层中。内容从后面滚动过去div，您无法控制间距。无论如何，内容都会被掩盖div。检查这个小提琴看看我的意思（添加阴影以帮助您可视化图层）：

演示小提琴 1：http://jsfiddle.net/abhitalks/3Lv6fL7r

如果您只是想避免突然跳跃div，只需添加margin-top即可div。或者（也是更好的方法），将这些样式保留在 CSS 中并应用/删除这些类。

演示小提琴 2：http://jsfiddle.net/abhitalks/zu75wpqm/5

_{注意：当您通过 Javascript 将其用作属性时，您需要marginTop而不是。margin-top}