取代页面内容的jQuery Sticky Header

时间:2014-12-23 10:39:31

标签: javascript jquery html css sticky

我在主题中使用jQuery Sticky标头。它似乎在大多数页面中都能正常工作,但在两个页面中,它会在加载时将内容移动到右侧,向下滚动它会将其放回正确的位置。我试图调试问题没有结果。

在页面加载 enter image description here

滚动 enter image description here

DEMO Link

4 个答案:

答案 0 :(得分:4)

添加此项将解决问题:

.page {
    width:100%;
}

答案 1 :(得分:2)

尝试从您的css

中删除overflow: hidden中的.page
.page {
   overflow: visible
}

答案 2 :(得分:2)

<div style="height: 50px;" class="sticky-wrapper" id="undefined-sticky-wrapper"></div>
<!--- PLEASE INCLUDE  -->
<div style="clear:both"></div>

在标题主div(#undefined-sticky-wrapper)之后放置style =“clear:both”

答案 3 :(得分:1)

在.page

上使用“clear:both”
.page {
  clear: both;
}

问题是#nav溢出标题并将页面推到右侧。