mega1に移動ドラッグで移動
mega2に移動div要素をとなりに１つ追加
mega3に移動jQueryで書き直し
mega4に移動要素をJavaScriptで生成
mega5.html?x=100&y=-100に移動URLパラメータ処理
mega6.html移動範囲設定、スクロールバー削除(overflow: hidden)
mega7.htmlviewport、letスコープ修正
mega8.html移動境界越え時生成１
mega9.html移動境界越え時生成
mega10.htmlリファクタリング、クリック処理

モード一覧

1. 自動 操作不可能
2. 移動 移動のみ可能
3. 通常 普通のユーザーアクセス。エディタ編集、チェックボックスなどコントロール
4. 設計 オブジェクトの作成と削除、移動、設定
5. 環境 配置可能なオブジェクトを指定

z-index (-2147483647～2147483647)

1. 100000～199999 フレーム
2. 40000～99999 未使用
3. 30000～39999 内部メニュー、吹き出し
4. 20000～29999 エフェクト
5. -10000～19999 配置オブジェクト、下は小さな値
6. -99999～-10000 背景エフェクト
7. -100000 背景(clsGround)

パソコンのGoogle Chromeでスマホ表示にする方法
１．デベロッパーツールを開く（F12 または 右クリック>検証）
２．Ctrl+Shift＋Mを押す。
   または[コンソール]のすぐ左の「デバイスツールバーを切り替え」ツールチップが開かれるボタンを押す。

参考リンク
JavaScriptを使って要素をドラッグ＆ドロップで移動 v1
CSSのposition: absoluteとrelativeとは v2
URLパラメータ v5
veiwport の設定 v7
PC版Chromeブラウザでスマホサイトをチェックする