用纯CSS向下滚动到特定的div？

Question

我一直在寻找这个问题很长一段时间： 我希望用户立即在页面上向下滚动，以便隐藏标题图像（因为向下滚动）。显示太小的原因。 然而，它应该在首页上可见，如果你向上滚动太多，也可以成为某种礼物。

目前我在所有子页面上使用锚定链接，例如contact / #menit。但这看起来既不好看，也不是SEO友好。

有没有办法向下滚动纯css？如果不是必要的话，我不想使用js（虽然我会知道如何这样做）。

我害怕身体或html上的边距和填充对我没有帮助。

我正在谈论的网站是http://www.poessnitzberg.at/kontakt/#menu

谢谢！

Answer 1

让我首先给你一个简单的jQuery方法：

$('html, body').animate({
    scrollTop: $("#menu").offset().top
},1000);

您可以将此与$（window）.load或$（document）.ready结合使用，以便在页面加载或文档准备好后立即触发。

对于纯CSS，我不知道任何真正可行的方法。如果有的话，我认为使用这个jQuery会更复杂。