2014-02-05 49 views
0

我一直在尋找這個相當長的時間: 我希望用戶在頁面上立即向下滾動,以便標題圖像被隱藏(因爲向下滾動)。原因是顯示器太小。 然而,它應該顯示在首頁上,如果你滾動得太多,以成爲某種好東西。向下滾動到純CSS的特定div?

目前我在所有的子頁面上使用錨鏈接,比如聯繫人/#菜單。但是這看起來不太好,也不是SEO友好。

有沒有辦法用純CSS向下滾動?我不想使用js,如果不需要的話(儘管我會知道如何做到這一點)。

保證金和填充身體或HTML不會幫助我在那裏我害怕。

我順便說一句講的這個網站是http://www.poessnitzberg.at/kontakt/#menu

謝謝!

+0

使用'#header {display:none}' – mehdi

+0

我確實想要顯示標題,如前所述。我只想讓它滾動。 – danielwinter

回答

1

讓我給你做的一個簡單的jQuery的方式開始:立即觸發一次頁面

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

你可以用$(窗口).load或$(文件)。就緒結合本負載或文檔已準備就緒。

至於純粹的CSS,我不知道任何真正可行的方法。如果有的話,我想他們會比使用這個jQuery更復雜。

+0

好的。似乎真的沒有純CSS的方式來做到這一點。不管怎麼說,還是要謝謝你! – danielwinter