Javascript 在屏幕上居中显示元素，同时保持响应能力

我正试图找到一种方法来定位棕色V形图标，这样，当用户滚动时，it垂直停留在屏幕的中心，但不会切入页眉图像或页脚

我知道这可以通过

position:absolute

解决，但我想保持Bootstrap的响应能力。我该怎么做呢

标题

页脚

---

使用Jquery scrollTop来检测您何时处于窗口的顶部或底部，然后在不同的滚动点为元素切换不同的css类

我还认为你在寻找“固定”而不是“绝对”的位置

---

没问题。这就是我们来这里的原因。

$(window).scroll(function(){
    if($(window).scrollTop() > 200){
        $('selection').toggleClass("your-class");
    } else {
        $('selection').toggleClass("your-class);
    }
})

.your-class {
    position: relative;
    margin-top: 200px;
}
selection {
    position: fixed;
    margin-top:50%;
}