2017-02-26 7 views
0

denimistcompany.comコンテンツ隠す - 1ページのウェブサイト私はと呼ばれるウェブサイトに取り組んでいます

問題は、そのメニューが「ID」の要素を持つリンクがあるということである、と誰かが私達についてをクリックすると、今、主な見出しが呼ばれますDenimistへようこそ...ナビゲーションの背景に隠されています。

私たちが好きなところから何らかの形でセクションを開始できるのは、すべてのリンクが同じ問題を抱えているからです。

#aboutus::before { 
    content: ""; 
    display: block; 
    position: relative; 
    margin-top: -90px; 
} 

または代わりに、同様にこれを試すことができます:

おかげ

+1

ええ、あなたは現在、それらのリンクに滑らかなスクロールスクリプトを使用しています。ページ上のアンカーポイントまでスクロールする代わりに、ヘッダーの高さをつかんで、アンカーポイントの上端位置からその高さを引いて、代わりにスクロールしてください。実装の手助けが必要な場合は、あなたの問題を再現して、あなたのウェブサイトにリンクするのではなく、作業できる[mcve]があるようにしてください。 –

答えて

1

あなたのナビゲーションバーの高さは90PXです念頭に置いて、それが固定されますが、あなたは擬似要素を使用する必要が

#aboutus { 
    padding-top: 90px; 
    margin-top: -90px; 
} 

あなたのウェブサイトでチェックしてみてください。素晴らしいです。

+0

どうもありがとうございました:) – Daiyan

+0

@大弥歓迎です! :) – Mike

関連する問題