0

一部の Web ページの上部に位置固定 iframe を挿入する必要がある chrome 拡張機能に取り組んでいます。変更されるページを制御することはできません。現時点では iframe を挿入できますが、ページの一部を覆っていますが、そのためのスペースを確保できるようにしたいと考えています。問題は、ページの本文にマージンまたはパディングを追加すると、ページ上の他の固定要素が意図した場所と一致しないことです。

ページの上部に表示され、その下に何も表示されないこと、または他の場所の位置を台無しにしないことを 100% 確信できるように、javascript を使用して要素を挿入するにはどうすればよいですか?

4

2 に答える 2

0

-webkit-transform: translateY(*your_block_height*px)body に適用してから、最初の子として iframe を body に追加して適用するのはどうですか-webkit-transform: translate(-*your_block_height*px)

于 2012-12-29T10:29:39.233 に答える
0

固定要素を循環し、挿入された要素の高さに等しい量だけ "top" 属性を増やします。

var myTop;

$('body div').each(function(){
   if($(this).css('position')=='fixed'){
      myTop = $(this).css('top');
      $(this).css('top',mytop + 100);
   };
});

ただし、これを100％機能させるには、調査と微調整を行う必要があると確信しています。たとえば、'body div' セレクターは、固定 div を 100 ピクセルだけ下に移動します。詳細については、こちらを参照してください。

ただし、一部のページでは処理が遅くなる可能性があります。他の誰かがより良い方法を持っているかもしれません。

于 2012-12-28T18:31:39.400 に答える