有2个粘性标题,一个切换,一个不切换

时间:2012-11-21 20:05:08

标签: javascript jquery html css

几周前我在这里问了一个关于getting sticky headers to switch out的问题,就像他们在iPhone Instagram应用程序中所做的那样。当有人回答我的问题时,我很高兴我正在寻找什么。不幸的是,我在一个不同的环境中玩它,我似乎无法让它工作。这是原作:(http://codepen.io/chrissp26/full/gBrdo

以下是表演的内容:(http://codepen.io/anon/full/sAHuy

基本上我需要像第一个例子中那样切换和“向上推”子标题,同时保持主标题部分,顶部的部分相同。子部分需要在主标题下面而不是在它上面。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

jQuery代码正在等待元素触摸屏幕的顶部而不是顶部的45像素,就像你在CSS中所说的那样。见322-337行。