Question

我有以下JQUERY来显示和更新HTML页面上的标题。

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");

});

这种方法很有效，标题随页面一起显示。

然而，在页面的更上方，我还有另一个div，我想在滚动时删除它。

如果我添加了我用于其他标题的相同代码，他们将在加载页面时从头开始，这不是我想要的。

我怎样才能实现这一目标？

网页

你可以在这里找到我目前所拥有的东西：

http://145.24.222.229:8088/moederborden/

如果你用“HOME，SHOP，FAQ，CONTACT，Winkelmandje”向下滚动标题，Wil就会下来。

我想要的是，一旦它到达左边的元素，它说“Merk”它也会掉下来

在另一个下面有持久标题

0 个答案: