如何实现自动修复像 https://www.yahoo.com 这样的 div

In Yahoo website, when scroll down, a blue part is fixed to the top, while if not scroll down, the blue part is not fixed.

如何实现这个?

我可以试试onScroll功能吗?

推荐答案

在要修复的部分使用$(window).scroll(function().

小提琴演示:演示

$(window).scroll(function(){
    if ($(window).scrollTop() >= 100) {
       $('.sticky-header').addClass('fixed');
    }
    else {
       $('.sticky-header').removeClass('fixed');
    }
});

如果你想将固定部分应用到标题中，请替换 $(window).scroll(function(){}): 函数中的类名.