当到达文档顶部时，需要激活放置在顶部图像下方的自动/隐藏标题

Question

我有这个自动/隐藏标题，它位于顶部图像下方的绝对位置。

.header-sticky { 
     margin: -30px 0px 0px; 
     padding: 0px 55px; 
     background: #fff; 
     position: absolute; 
     z-index:9; 
     width: 52.4%; 
     right: 0; 
     height: 100px; 
     overflow: hidden; 
    } 

现在它激活与偏移设置自动/隐藏功能，但我想激活此当头部到达文档的顶部。

这怎么办？

这里是一个小提琴：https://jsfiddle.net/dp174zjx/1/

的问题是，我需要激活下面的类时，头到达顶部：

.header-sticky--hidden { 
    -webkit-transform: translateY(-100%) !important; 
    -ms-transform: translateY(-100%) !important; 
    transform: translateY(-100%) !important; 
    } 

    .header-sticky--narrow { 
    position: fixed; 
    z-index:9; 
    top: 0px; 

    } 

Answer 1

，它可以像这样

$(window).scroll(function() { 
    var offset = $('.header-sticky').offset().top; 
    if ($(window).scrollTop() >= offset) { 
     //Hide the header 
    } 
});