40

ページを下にスクロールすると、ナビゲーションがページの上部にくっつく非常に単純な効果を作成しようとしています。私がしなければならないのは、現在持っているヘッダーに「位置：固定」を設定することだけです。何らかの理由で、「位置：絶対」要素と固定要素のように扱っています。ページ上の他の要素で同じ効果を試してみたので、HTML または CSS コードに問題の原因となっているものが必要です。何か案は？

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

ヘッダー CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

このサイトはレスポンシブなので、position: fixed768px で起動することに注意してください。

4

1 に答える 1

151

現時点では、Chrome はposition:fixed変換中の要素をレンダリングできません。（コンテンツなし）を削除します

-webkit-transform: translate3d(0, 0, 0);

そしてそれはうまくいくでしょう。

于 2013-02-06T15:31:38.297 に答える