File: image-in-scrolled-subframe.html

package info (click to toggle)
webkit2gtk 2.51.91-1
  • links: PTS, VCS
  • area: main
  • in suites: experimental
  • size: 484,084 kB
  • sloc: cpp: 3,931,583; javascript: 197,713; ansic: 167,619; python: 53,160; asm: 21,857; ruby: 18,114; perl: 17,149; xml: 4,631; sh: 2,462; yacc: 2,394; java: 2,032; lex: 1,358; pascal: 372; makefile: 215
file content (44 lines) | stat: -rw-r--r-- 1,448 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <style>
            iframe {
                width: 400px;
                height: 400px;
            }
        </style>
    </head>
    <body>
        <iframe frameBorder="none"></iframe>
        <script>
            doneLoadingSubframe = false;
            addEventListener("load", () => {
                let iframe = document.querySelector("iframe");
                iframe.addEventListener("load", () => doneLoadingSubframe = true);
                iframe.srcdoc = `
                    <html>
                        <head>
                            <style>
                                body, html {
                                    margin: 0;
                                }

                                img {
                                    display: block;
                                    margin-top: 8000px;
                                }
                            </style>
                        </head>
                        <body>
                            <img src='400x400-green.png' />
                            <script>
                                addEventListener('load', () => scrollBy(0, 10000));
                            </script` + `>
                        </body>
                    </html>
                `;
            });
        </script>
    </body>
</html>