Google Chrome拡張機能を構築しています。その機能の1つは、ビューポートのスクリーンショットイメージをスナップすることで全長のスクリーンショットを生成しますページを下にスクロールし、ページ全体のイメージがあるまでプロセスを繰り返し、HTML5 Canvasを使用して1つのイメージとして結合します。DIVのHTMLとCSSを検出し、兄弟DIVとスクロールするように変更する
Page要素position: fixed
がposition: absolute
に変更され、最終イメージの各ビューポートイメージの固定要素が何度も繰り返し表示されなくなりました。
今私は新しい挑戦を与える例があります。下の画像に基づいて https://docs.hhvm.com/hhvm/installation/linux#ubuntu-15.10-wily-werewolf
...
1)上部ヘッダバーがfixed
であるので、それはposition: absolute
2に変更)メインページ右スクロールバーのスクロールメイン右コンテンツパネルページを下ろす。
3)左側のサイドバーにはDIV専用のスクロールバーがあります。
私の拡張機能がこのページでスクリーンショットを作成すると、右のスクロールバーがページの下側にずっと下がっているので、ページの下のすべての方法で左のサイドバーの内容が繰り返されます。
解決策は何とか検出して、これらのケースの左側のサイドバーをスクロールバーがないように配置し、左側のサイドバーのすべてのコンテンツを右側のコンテンツDIVがスクロールダウンするように表示することです。
私はちょうどその時点で、サイドバーの部分を行う方法については、任意の提案は分かりませんか?他のページでもこの状況を自動的に検出する必要があります。