固定在某个区域CSS的位置

Question

我正在使用侧面导航栏，我希望它在屏幕上是一个固定的位置，但我希望它在你向下滚动到目前为止停止修复。有没有办法解决这个问题？

Answer 1

使用此功能。滚动时，此功能将触发。在函数内写if条件以删除固定的

$( "#target" ).scroll(function() {
    if($(element).height() === "500px") {
        // remove scroll fixed
        $(scroll).css("position","relative") //or use absolute also.
    }
});

Answer 2

假设它已经修复，你唯一需要做的就是：

if($(window).scrollTop() > 150){
    $('#nav').css('position', 'relative');
}

当然，将#nav更改为您自己的选择器，将150更改为您想要的值。