Jquery 应用固定定位后，引导3列水平移动

当“position:fixed”属性应用于最左侧的边栏列时，我的两个引导列向左移动，这是一个问题。“固定位置”属性仅在该列到达窗口顶部时应用，否则该列是静态的。我正在用JQuery做这件事。在JQuery代码触发并应用fixed position属性之前，所有内容都已正确对齐。我认为，一旦将固定位置添加到我最左边的侧边栏栏栏中，就会出现一个“空白”，这两列将向左移动以填充它

下面是我的代码和更多细节。如果我的解释不清楚，我道歉

HTML：

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

#fixed1

是最左侧的边栏列，当页面滚动到浏览器窗口顶部时，该列将被固定。我在通过JQuery将

#fixed1

更改为固定位置后向左移动的两列旁边注释了“移位列1”和“移位列2”

JQuery：

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

这里有两张我为更好地说明我的问题而制作的示例图片。我确信这是一件我无法理解的非常简单的事情，我希望这能帮助我更清楚地说明我的问题

---

（明显的打字错误lol）

当您在最左边的列上设置position:fixed时，使用jQuery还可以添加一个带有col-md-2的div，并将其从滚动条上删除。您正在将最左边的列从确定引导网格系统位置的相对上下文中断开。还可以测试它在移动设备上的外观！

问题在于您在创建该列时现在，它将移动到最近的父对象

---

修复的一个选项是，在修复另一个元素的同时，将col-md-offset-2应用于移位列1。

太好了，我会试一试，感谢您的洞察力。我一定会确保一切都响应良好。再次感谢。

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