お世話になります。
マウスに絵がくっついてくるスクリプト(スクリプトは↓のとおりです)なんですが、画面をスクロール(縦でも横でも同じです)させると、マウスと絵が離れてしまいます。たとえば下にスクロールさせると、マウスのポインタはスクロール幅だけ下がりますが(パソコン画面上はポインタの絶対的な位置は動かないのでブラウザ上の表示画面がスクロールした分だけ相対的には下がる)、絵の方はブラウザ上の表示位置が変わらないので、スクロールすると上に逃げてしまいます。
離れた状態でも絵は離れた位置で動き回ってはいます。また、スクロールを戻すとまたくっつきます。
どうしたものでしょうか?よろしくお願いします。
<!--
function move(){
pic1.style.pixelLeft=event.x;
pic1.style.pixelTop=event.y;
}
//-->
・
・
・
<BODY onmousemove="move()">
<IMG src="******.gif" id="pic1" style="position:absolute;top:50;left:0">
No.1ベストアンサー
- 回答日時:
<SCRIPT Language="JavaScript">
<!--
function move(){
pic1.style.pixelLeft=event.x + document.body.scrollLeft;
pic1.style.pixelTop=event.y + document.body.scrollTop;
}
//-->
</SCRIPT>
</head>
<BODY onmousemove="move()">
<IMG src="http://oshiete1.goo.ne.jp/images/goo.gif" id="pic1" style="position:absolute;top:50;left:0" width="71" height="37">
-------------------------------------------------
4行目「+ document.body.scrollLeft」 と 5行目「+ document.body.scrollTop;」 を増やしました。
参考URL↓
参考URL:http://www.red.oit-net.jp/tatsuya/java/cursor.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) Microsoft edgeのスクロールバーについて 2 2022/09/19 16:56
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Windows 10 画面上の[タスクバー]の位置の変更 1 2022/06/12 21:10
- マウス・キーボード マウスのないパソコン 9 2022/03/30 10:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Windows 95・98 Windows11の設定画面がスクロールできません。 2 2023/07/26 05:16
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- InternetExplorer(IE) Edge でマウスの真ん中のボタン(ミドルボタン)を押すと、スクロールするのを無効にしたい 2 2023/06/11 05:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
Excelの質問で票の途中に...
-
PDFを(htmlのように)無限に縦...
-
マウスオーバー→ホイール回転で...
-
ページ訪問時にiframe内を自動...
-
マウスでコロコロしたいんですが…
-
エクセルVBAでフォームのListbo...
-
スクロールバーの表示について
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
ブラウザ Chromeを使っていて、...
-
ウインドウを毎回同じ位置、大...
-
一定時間おきにアラームやポッ...
-
【Android】ユーザー補助機能ボ...
-
デスクトップ画面を4分割するには
-
ウィンドウ名からウィンドウオ...
-
Javascript_submit()完了後に処...
-
MT4サブウインドウ1と2を入れ替...
-
エクセルのシート上に別のシー...
-
スクリプトって、何ですか?ど...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで1.2行目だけ固定して...
-
Excelの質問で票の途中に...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
ページ訪問時にiframe内を自動...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
webページで横方向にアンカーを...
-
リストビューの表示開始行変更
-
スクロール位置を中央にしたい
-
マウスオーバー→ホイール回転で...
-
IFRAMEでscrolling="yes|no"の...
-
VBE画面の縦のスクロールバ...
-
ポストバック時のスクロール位...
-
前のページに戻るとスクロール...
-
マウスでコロコロしたいんですが…
おすすめ情報