2017-12-06 15 views
0

divがあります。このdivにはチャットがあります。このdivにはスクロールバーがあります。私は一度にすべてのdivコンテンツのスクリーンショットを撮りたいです。私はほとんどdivの高さを500%に変更してオーバーフローさせました:可視ですが、問題があります。実際、私はスクリーンショットでチャットの大部分を得ましたが、ある時点で、チャットはちょうど画像の終わりまで長い白い空白で消えました。div要素全体のスクリーンショットを撮ることができません(スクロールチャットdiv)

Firefoxの「Screenshot node」機能を使って、このスクリーンショットを撮りました。そして、私はあなたが想像することのできるすべての拡張機能を試してみましたが、何も機能していませんでした(divスクロールは検出されず、メインページのスクロールだけが検出されました)。とにかく、可能であればHTML/CSSソリューションが必要です。なぜそれが動作していないのか理解したい。

The screenshot of chat div

あなたが見ることができるように、ホワイトスペースのが多いが、印刷によって無視された以上のチャットがたくさんあります。

何が起こった可能性がありますか?

+0

[この問題](https://github.com/mozilla-services/screenshots/issues/2129)によると、スクリーンショットを5000pxに制限しました。あなたがメッセージを持っていない場合、または作物が失敗したように見えるので、githubページで新しい問題を開くことができます。ところで、内容の素敵な匿名化 – Kaiido

答えて

1

スクロールウィンドウのスクリーンショットやスクロールバーを使用したい場合は、FastStone Captureを使用できます。キャプチャスクロールウィンドウ<Ctrl + Alt + PrtSc>を手動モードで使用してください。

+0

私が言ったように、これらのソフトウェア/拡張機能は、メインページのスクロールバーでのみ動作し、divのスクロールでは動作しません。私はすでに試しました。 –

+1

マニュアルモードを使用します。私はすでにそれを試してキャプチャスクロールウィンドウをクリックしながら、Ctrlキーを押しながらキャプチャしたい領域を選択して描画してから、スクロールバーをクリックしてdiv全体をキャプチャします。 – NuelG

+0

それは働いた!うわー、印象的!私はあまりにも多くのことを試みた、兄弟...私はすべての希望、heheを失った。ありがとう –

関連する問題