Javascript html中的浮动多元素

在这个演示（）中，我希望第一个选项卡保持在相同的位置，直到它到达第二个选项卡，然后第二个选项卡保持在相同的位置，直到第三个选项卡等等

我成功地构建了第一个标签跳转到第一个div的末尾，但我需要的不是跳转到末尾，而是在滚动时平滑地向下浮动

这可能吗

这是我的密码

  function makeItFloat() {

    //alert('g');
    for (var i = 0; i < 3; i++) {
        $("#test" + i).position({
            my: "left-35 top",
            at: "left top",
            of: "#imgDiv" + i
        });
    }
}

window.onload = function() {
    makeItFloat();
    $(window).scroll(function() {
        makeItFloat()
    });
}

函数makeItFloat（）{
//警报（“g”）；
对于（变量i=0；i<3；i++）{
$（“#测试”+i）.位置({
我的：“左35顶”，
在“左上角”，
of:#imgDiv+i
});
}
}
window.onload=函数（）{
makeItFloat（）；
$（窗口）。滚动（函数（）{
makeItFloat（）
});
}

我会通过相对定位选项卡来做类似的事情，除非它们是“已选择/活动”选项卡，在这种情况下，服务器会接收一个类，该类为它们提供固定的定位。要完成此操作，您需要监视所有选项卡的滚动位置、浏览器高度和偏移。它的性能可能会很昂贵

---

注意：css定位属性“粘性”正在开发中，但在一段时间内还不能投入生产

你的意思是，像滚动过去时粘附在视口顶部的粘性元素？p/s：在布局中使用

是个坏主意。这只是一个例子来说明我的意思。但要回答你的问题：是：）