html - アンカーポジショニングブラウザ

Question

次の html を使用して、固定メニューの下にアンカーを配置しています。

<a style="position: relative; top: -150px;" name="services"></a>

これは Firefox では問題なく動作しますが、つまり、chrome と safari はすべてアンカーをわずかに異なる位置にロードし、固定メニューの「下」のテキストを覆い隠します。

この問題を解決するにはどうすればよいか、誰にもアイデアはありますか。

よろしくお願いします。

マット

score 0 · Accepted Answer

このようなサイトを作成するときは、各「ページ」のクラスが似ているが ID が異なるようにするのが好きです。クラスをスタイリングするときは、必ず次の属性を指定してください。

.page {
    overflow: hidden;
    margin-bottom: 1000px;
}

margin-bottom を追加すると、余分なページが表示されなくなります。

また、スライドを有効にするために jQuery を使用していることにも気付きました。名前にスタイルを使用している理由がわかりません。次の手順を実行してください。

<h1 class="page_title" id="services"><a name="services">Services</a></h1>

そして、すべてをページ DIV にまとめてください。

1 に答える 1