各ページの右側にあるクロスブラウザー拡張機能 (アドオン) を開発しています。現在、各ページの上にサイドバーを重ねています。しかし、親ページの一部を隠すのではなく、各ページの横に単独で配置することをお勧めします。私は運がないので、これに対する答えを探し回っています。一部のブラウザには、サイドバーを作成するためのメソッドが組み込まれているようです。しかし、html と css (および必要に応じて jquery) のみを使用する手法を探しています。
私が探しているものの例として、Google 関連拡張機能は各ページの下部にありますが、実際にはページのコンテンツが読み込まれると押し上げられます。
Widgya アドオンは親ページのコンテンツの一部であり、ページへの侵入を避けるために Google 関連がそれを押し上げている様子を見ることができます。これは、関連する拡張子からの関連する html です。
<div style="clear: both; height: 46px; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; "></div>
<iframe class="grelated-iframe" frameborder="0" id="grelated_iframe_189" src="http://www.gstatic.com/webgps/grelated_0_6_9/html/grelated_bar_iframe.html" style="z-index: 2147483647; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; position: fixed; bottom: 0px; left: 0px; right: 0px; top: auto; width: 100%; height: 49px; " scrolling="no"></iframe>
「clear: both」を呼び出す div と絶対位置の iframe を使用すると、効果が得られます。しかし、画面の右側または左側でこの効果を再現できないようです。さまざまな方法を試しましたが、成功しませんでした。取るべきアプローチについての洞察をいただければ幸いです。
ありがとう
アップデート：
私が達成しようとしている効果は次のとおりです。
Chrome には実験的なサイドバー API があります/ありましたが、ブラウザー固有の API に依存せずに css & html でこれを行う機能が必要です。