0

私はこれを行う方法を理解しようとしています。最も簡単な方法はおそらくjavascriptになると思います。非常に頑固なソーシャル アイコン コンテナーがあります。ここで私の以前の質問を見ることができます: Floating and element to the right at the bottom of footer フッターの下部/右側に配置し、フッターの上部/右側にロゴを垂直に並べます。ソーシャルアイコンコンテナが次のような場合に、必要な場所に移動する最良の方法を見つけました。

position:absolute;
bottom:0;
right:80px;

これに関する問題は、ブラウザのサイズが変更されたときにアイコンが移動しすぎることです。JavaScript を使用してブラウザーのサイズを継続的にチェックできると考えていました。ブラウザーが移動するピクセルごとrightに、ソーシャル コンテナーの属性から 1 ピクセルが自動的に減少します。left 属性を使用して、その逆を行うこともできます。

これを行うことはできますか?もしそうなら、どうすればそれを行うことができますか?

4

1 に答える 1

1

画面が小さくなったり大きくなったりするのではなく、画面の幅に応じて何かを行うことができます。幅 800px で右から 80px、次に 700px で右から 70px にしたい場合は、次のようにすることができます。

$( document ).ready(function() {
    $( window ).resize(function() { 
        $('div').css("right", $(window).width() / 10 ); 
    });
});
于 2013-11-12T03:28:29.783 に答える