|
Last change
on this file since 37456 was 37456, checked in by davidb, 14 months ago |
|
Initial cut at dragging a div around with inertia/momentum after letting go
|
|
File size:
664 bytes
|
| Line | |
|---|
| 1 | <html>
|
|---|
| 2 | <head>
|
|---|
| 3 | <style>
|
|---|
| 4 | /*
|
|---|
| 5 | #myWindow {
|
|---|
| 6 | touch-action: pan-x;
|
|---|
| 7 | overscroll-behavior-x: none;
|
|---|
| 8 | }
|
|---|
| 9 | */
|
|---|
| 10 | html {
|
|---|
| 11 | overflow: hidden;
|
|---|
| 12 | }
|
|---|
| 13 | </style>
|
|---|
| 14 | <script src="https://code.jquery.com/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
|
|---|
| 15 |
|
|---|
| 16 | <script src="drag-with-inertia.js"></script>
|
|---|
| 17 |
|
|---|
| 18 | </head>
|
|---|
| 19 | <body>
|
|---|
| 20 | <div id="myWindow" style="width: 300px; height: 200; left: 40px; top: 30px; background-color: #006000; position: absolute;">
|
|---|
| 21 | <div style="padding: 0.5em; font-size: 140%;">Drag me!</div>
|
|---|
| 22 | </div>
|
|---|
| 23 |
|
|---|
| 24 |
|
|---|
| 25 |
|
|---|
| 26 |
|
|---|
| 27 |
|
|---|
| 28 |
|
|---|
| 29 | </body>
|
|---|
| 30 |
|
|---|
| 31 | </html>
|
|---|
| 32 |
|
|---|
| 33 |
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
