水平导航栏有粘性。
我的主页的标题很大,有时我的粘性导航栏会跳到页面顶部,然后在我开始滚动时就应该粘住。 我仅在首页上有此问题,标题上有此大图。 在其他所有页面上,粘性导航栏均正常运行。
仅在Firefox中存在此问题。
这是站点:pd.crosstab
请帮忙!谢谢!
这是我的粘性导航栏代码:
var isStickMenu = true;
$(document).ready(function() {
if (typeof iqit_inlineh != 'undefined') {
var s = $("#header");
var pos = s.offset();
var alreadySticky = false;
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (s.length) {
if (!alreadySticky) {
if (windowpos > pos.top + 200) {
alreadySticky = true;
if ($('#header').width() >= 985)
$('#page').css('margin-top', s.height());
s.addClass("sticky-header");
}
}
if (alreadySticky) {
if (windowpos <= pos.top) {
alreadySticky = false;
$('#page').removeAttr("style");
s.removeClass("sticky-header");
}
}
}
});
} else {
var s = $("#iqitmegamenu-horizontal");
var pos = s.offset();
var scartp = (s.outerHeight() / 2) - 13;
var alreadySticky = false;
var scart = $("#shopping_cart_container");
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (s.length) {
if (!alreadySticky) {
if (windowpos >= pos.top) {
alreadySticky = true;
s.parent().height(s.height());
s.addClass("cbp-sticky");
scart.addClass("stickCart");
scart.css({
top: scartp + 'px'
});
}
}
if (alreadySticky) {
if (windowpos < pos.top) {
alreadySticky = false;
s.removeClass("cbp-sticky");
scart.removeClass("stickCart");
scart.removeAttr("style");
s.parent().removeAttr("style");
}
}
}
});
}
});