固定標頭，卡在主固定標頭下面

我一直在與一些其他開發人員在本網站上解決問題，並解決了固定標題問題。固定標頭，卡在主固定標頭下面

小提琴的問題

1）向下滾動黃色塊需要捕捉到紅塊的頁面。

請查看代碼和演示，任何幫助將不勝感激。

var offset = $(".sticky-header").offset(); 
var sticky = document.getElementById("sticky-header") 
var additionalPixels = 50; 

$(window).scroll(function() { 

    if ($('body').scrollTop() > offset.top + additionalPixels) { 
     $('.sticky-header').addClass('fixed'); 
    } else { 
     $('.sticky-header').removeClass('fixed'); 
    } 


});

來源

2013-10-03 Paul Designer

不是一個真正的回答，但是你可能會從CSS文章網站上的[Persistent Headers]（http://css-tricks.com/persistent-headers/）上的這篇文章中學到一些東西。 – stephenmurdoch

看看這個頁面，你可以使用多個類似於ios滾動視圖（音樂列表）標題或分隔符將粘貼到頁面的頂部，然後在新的標題/分隔符到達頂端時替換它 http://www.teamdf.com/web/showcasing-jquery-list-with-a-假-iphone/147/ – mhartington

兩個問題。您沒有包括一個固定的類，所以我補充說，在此：

.fixed{ 
    position: fixed; 
    top:52px; 
}

jsFiddle example

但更重要的是，你需要改變你的數學到：

if ($('body').scrollTop() > offset.top - additionalPixels) {

來源

2013-10-03 15:40:31 j08691

這太棒了！ –

看起來你錯過了.fixed類

.fixed{ 
    position: fixed; 
    top: 0; left:0; 
}

下面是更新小提琴http://jsfiddle.net/f95sW/2/

來源

2013-10-03 15:36:04 nilobarp

固定標頭，卡在主固定標頭下面

回答

相關問題