我有一个header
条是静态的,直到它到达屏幕顶部,此时出现.floatingHeader
(固定在屏幕顶部)和{{1}消失了。我正在为条形码上的其中一个链接创建一个下拉菜单,但如果它已打开,我似乎无法在标题更改中保持连续。
header
然后是标题的实际克隆,其中包括function UpdateTableHeaders() {
$("main").each(function() {
var el = $(this),
offset = el.offset(),
scrollTop = $(window).scrollTop(),
floatingHeader = $(".floatingHeader", this);
if(scrollTop > offset.top) {
floatingHeader.css({
"visibility": "visible"
});
$("header").addClass("invisible");
if ($("#dropDownMenu").is(":visible")) {
$("#dropdownMenu").css({"visibility": "hidden"});
}
} else {
floatingHeader.css({
"visibility": "hidden"
});
$("header").removeClass("invisible");
if ($(".floatingHeader #dropdownMenu").is(":visible")) {
$(".floatingHeader #dropdownMenu").css({"visibility": "hidden"});
}
}
});
}
:
dropdownMenu
如果我可以捕捉它从$(function() {
var clonedHeaderRow;
$("main").each(function() {
clonedHeaderRow = $("header", this);
clonedHeaderRow
.before(clonedHeaderRow.clone())
.css("width", clonedHeaderRow.width())
.addClass("floatingHeader");
});
$(window)
.scroll(UpdateTableHeaders)
.trigger("scroll");
});
更改为header
的那一刻,那么我可以添加一个.floatingHeader
语句来检查另一个是否已打开,但我&#39 ;我不确定这是否可能,或者我是否只是在这里疯狂。如果不清楚,我会很高兴尝试详细说明。
修改
这是if
功能的代码,抱歉我早些时候错过了。
#dropdownMenu