※ ChatGPTを利用し、要約された質問です(原文:ページ訪問時にiframe内を自動スクロールしたい)
ページ訪問時にiframe内を自動スクロールしたい
このQ&Aのポイント
ページ訪問時に自動的に100px下にスクロールさせる方法を教えてください。
JavaScriptの使い方が間違っているのでしょうか?正しい方法を教えてください。
アンカータグを使用せずにiframe内を自動スクロールさせる方法を教えてください。
ページ訪問時にiframe内を自動スクロールしたい
iframe内に表示した内容(aaa.html)を、
ページ訪問時(もしくは更新時)に自動的に100px下にスクロール
させたいと思っていますが、うまくできず困っています。
将来的にはif文によってスクロール位置を変えたいと考えています。
またサイトの都合上、アンカータグを使用しての位置指定はできません。
JavaScriptの使い方が間違っているのでしょうか?
ご教示お願い致します。
以下ソースです。
framescroll.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
// 縦スクロール-上
function framescrollu() {
document.getElementById("frame1").contentWindow.scrollBy(0,-100);}
// 縦スクロール-下
function framescrolld() {
document.getElementById("frame1").contentWindow.scrollBy(0,100);}
</script>
</head>
<body>
<center>
<script type="text/javascript">
// 自動スクロール-下に100
document.getElementById("frame1").contentWindow.scrollBy(0,100);}
</script>
<!-- 縦スクロール -->
<form>
<input type="button" value="up" onClick="JavaScript:framescrollu()">
<input type="button" value="down" onClick="JavaScript:framescrolld()">
</form>
<br>
<iframe id="frame1" src="aaa.html" name="frame1" frameborder="1" scrolling="auto" width="200" height="200">
</iframe>
</center>
</body>
</html>
aaa.html
ああああああああああああああああああああああ<br>
いいいいいいいいいいいいいいいいいいいいいい<br>
うううううううううううううううううううううう<br>
ええええええええええええええええええええええ<br>
おおおおおおおおおおおおおおおおおおおおおお<br>
ああああああああああああああああああああああ<br>
いいいいいいいいいいいいいいいいいいいいいい<br>
うううううううううううううううううううううう<br>
ええええええええええええええええええええええ<br>
おおおおおおおおおおおおおおおおおおおおおお<br>
ああああああああああああああああああああああ<br>
いいいいいいいいいいいいいいいいいいいいいい<br>
うううううううううううううううううううううう<br>
ええええええええええええええええええええええ<br>
おおおおおおおおおおおおおおおおおおおおおお<br>
お礼
できました! ありがとうございます。 「body onload」はページ読み込み完了時の動作なのですね。 とても勉強になりました。 ありがとうございました。