| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- <div class="container-a">
- <div class="container-b">
- <div>
- <div id="editor-attach">
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p>Balloon is attached to the <strong>TARGET</strong> element.</p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- </div>
- </div>
- <div>
- <div id="editor-stick">
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p>Balloon sticks to the <strong>TARGET</strong> element.</p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- <p></p>
- </div>
- </div>
- </div>
- </div>
- <style>
- body {
- height: 100%;
- }
- .balloon-content {
- padding: 10px;
- font-size: 16px;
- }
- .ck-editor__editable {
- max-height: 300px;
- }
- .container-a {
- height: 500px;
- width: 750px;
- overflow: scroll;
- }
- .container-b {
- padding: 500px 30px 30px;
- display: flex;
- width: 1000px;
- height: 2000px;
- background: #e1e1e1;
- }
- .container-b > div {
- margin: 0 20px;
- }
- </style>
|