0

私は新しいウェブサイトを構築していますが、スティッキー ナビゲーションの作成という単純なタスクに問題があります。

Safari と Chrome では完全に動作し、モバイル ブラウザーでも完全に動作しますが、Firefox では動作しません。

何が間違っているのか、誰かがアイデアを持っていますか?

PS。最初に Safari で Web サイトを試してください。少し下にスクロールすると、ナビが表示されます。

http://shakeinteractive.no/shkpress/

4

1 に答える 1

0

あなた<html>は変換でスタイルされています。つまり、すべてposition: fixedがビューポートではなく、その要素のボックスに固定されるようになりました。したがって、 が<html>スクロールすると、#nav_scrollもスクロールします。

関連する CSS ルールは次のようになります。

html, html a {
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate3d(0, 0, 0);
}

を使用していないことに注意して-webkit-translate3dください。現時点では、WebKit/Blink に基づくブラウザーだけが、プレフィックスなしの CSS 変換をサポートしていません。そのため、そのルールは<html>Chrome または Safari で変換を設定していないため、ページがそこで機能します。

于 2013-11-09T03:01:34.283 に答える