如何为位置添加边界：固定元素？

Question

我想知道如何在滚动时向跟随您的postion:fixed菜单添加停止点/边界。当你接近某个特定点时，我想让它停止。

Answer 1

Saeed说 - 像这样：

$(document).ready(function() {
    $(window).bind('scroll', function(e) { 
        if ($(this).scrollTop() < SOME_PIXEL_VALUE ) { 
            $(YOURELEMENT).css({'position': 'fixed', 'top': '25px'}); 
        } else {
            $(YOURELEMENT).css('position','absolute', 'top': 'SOME_PIXEL_VALUE); 
        }
    });
});

Answer 2

您应该使用JavaScript或jQuery并挂钩到scroll事件。当您接近预期点时，您应该更改固定元素的CSS或类以满足您的需要。