jquery - jQuery Scrollify 和固定标题

Question

我有一个始终固定标题的网站，并尝试使用 jQuery Scrollify 插件。它运作良好，但固定标题重叠内容。因此，在每个部分滚动后，此部分的部分都会重叠。Scrollify 有选项“偏移”，但它没有帮助。我认为它需要像“负偏移”这样才能从顶部缩进。例如：-100 等。

也许有人对此有疑问？

Answer 1

为了停止内容重叠，我们可以这样做：

var $headerHeight = $('.header').height();
$('.header + *').css('top', ($headerHeight));
$('.header + *').css('position', 'relative');

我们可以将顶部位置或顶部边距设置为标题的下一个元素。

Answer 2

我的建议是在您的部分中有一个内部包装器来包装您的内容。您可以使用它来更好地控制内容在部分中的位置，以确保它们远离标题。

Answer 3

好的。我使用'offset：-100'并且它有效:)

Ofcource 我的页面向下滚动了 100 像素，所以这不是完整的决定，但它有帮助。