滚动时多个标题div粘贴？

Question

我的页面上有3个标题。其中，顶部和底部标题在滚动时需要是粘性的。中间的一个在窗口被scolled时被隐藏。我使用的是Foundation 5，但是，在这种情况下，粘贴应用于页面中的最后一个标题。

寻找解决方案。提前完成。

Answer 1

您可以添加一个jQuery代码段来附加“粘性”＆＃39;滚动浏览页面上的某个点后（例如，当其中一个标题点击视口顶部时），将标题添加到标题中。

这样的事情可以解决问题：

var headerTop = $('.your-header').offset().top;

$(window).scroll(function() {
    if ($(window).scrollTop() > headerTop) {
        $('.your-header').addClass('sticky');
    }
    else {
        $('.your-header').removeClass('sticky');
    }
});