こちらに投稿するのは初めてです。この質問に対する答えをしばらく探していましたが、過去に役立つことが証明されているため、このボードに目を向けています。
私がデザインしているページのモチーフは、1 ページのスクロール Web サイト ( http://www.kitchensinkstudios.com/のようなもの) です。
上部に高さ約 70px の固定ナビゲーションを実装しました。この下に、ナビゲーションにリンクするセクションを作成しました。アイデアは、ナビゲーションのリンクをクリックすることであり、ページは選択されたセクションまでスクロールします. 問題は次のとおりです。ページの上部に直接スクロールする内部ブックマークの自動性質によるものです。、これによりコンテンツの大部分が切り取られます。
問題のセクションに非表示の div または padding-top 値を持つブレーク タグを追加しようとしましたが、ページの上部から適切な距離を与えるだけでなく、パディングと同じ値で不透明な背景を作成します。
これを行うための提案はありますか？
理想的には、リンクを選択すると、呼び出されたセクションがページのほぼ中央まで浮き上がります。
これを試してくれた人に感謝します！