Javascript 当其他元素在jQuery中可见时更改元素

我目前正在编写一些涉及持久头的代码。当我的

.floatingHeader

可见时是否可以将原始

隐藏

当前，当我滚动页面时，我的代码是：

<h2 class="persist-header">Some Other Area</h2>
<h2 class="persist-header floatingHeader" style="width: 545px; visibility: visible;">Some Other Area</h2>

其他领域

但我可以把它改成：

<h2 class="persist-header" style="visibility: hidden">Some Other Area</h2>
<h2 class="persist-header floatingHeader" style="width: 545px; visibility: visible;">Some Other Area</h2>

其他领域

以下是我的Javascript：

function UpdateTableHeaders() {
    $(".persist-area").each(function() {
        var el = $(this),
            offset = el.offset(),
            scrollTop = $(window).scrollTop(),
            floatingHeader = $(".floatingHeader", this)

        if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) {
            floatingHeader.css({
                "visibility": "visible"
            });
        } else {
            floatingHeader.css({
                "visibility": "hidden"
            });
        };
    });
}

// DOM Ready
$(function() {
    var clonedHeaderRow;
    $(".persist-area").each(function() {
        clonedHeaderRow = $(".persist-header", this);
        clonedHeaderRow
            .before(clonedHeaderRow.clone())
            .css("width", clonedHeaderRow.width())
            .addClass("floatingHeader");
        });

    $(window)
        .scroll(UpdateTableHeaders)
        .trigger("scroll");
});

函数UpdateTableHeaders（）{
$（“.persist area”）.each（函数（）{
var el=$（此），
偏移量=标高偏移量（），
scrollTop=$（窗口）.scrollTop（），
floatingHeader=$（“.floatingHeader”，this）
如果（（scrollTop>offset.top）&&（scrollTop

这是演示：

试试这个

       if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) {
           floatingHeader.css({
            "visibility": "visible"
           });
           floatingHeader.prev().css({"visibility":"hidden"});
       } else {
           //$(".persist-header").css({"visibility":"visible"});
           floatingHeader.css({
            "visibility": "hidden"
           });
           floatingHeader.prev().css({"visibility":"visible"});
       };

if（（scrollTop>offset.top）&&（scrollTop

---

小提琴：

非常感谢，@Devjit-它第一次起作用。你是个明星！：）