1

シャネルのウェブサイトの機能を複製するために、ここにサイトを作成しています。

現在、サイズ変更は幅方向に機能しますが、高さに関しては、画像が中央に配置され、フッターの少し上になるように正しく機能させることができません。シャネルと同じように、私の画像はすべて1920x1080です。また、シャネルのサイトを少し下にスクロールすると、下半分が自動的に引き上げられますが、ボタンだけで動作するようになりました。

iPadでページを表示すると、サイトの約75％しか表示されません。より多くのボタンのパディングを行うことだと思いましたが、それは問題ではありませんでした。

ありがとう！

4

1 に答える 1

1

また、シャネルのサイトを少し下にスクロールすると、ボタンだけで機能するようになったので、下半分が自動的に引き上げられます。

これはdiv、上部が固定または絶対的であるためです。「下半分」には、おそらくスクロール時にのみ表示される 100% の上部マージンがあります。

JavaScriptを介して「自動的にプルアップ」します。JavaScriptをオフにすると正常に動作します。そのために、彼らはおそらく のようなものを使用しますdocument.body.onscroll = function() { ...animation... }。

(id = languages, class = popin)の CSSdiv#languages.popinは次のとおりです。

.popin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 600px;
    margin-top: -300px;
    margin-left: -450px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    z-index: 150;
    overflow: hidden; 
}

それに従うことで、同様の結果が得られると思います。firebug またはその変種を試して、要素を調べて、忘れている可能性のある部分を見つけてください。

于 2012-11-29T05:10:03.080 に答える