人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLまたはJavaScriptの質問です。
ドメインAからBへリンクを張る際に、Bのiframe内に埋め込んだ指定アンカータグまでスクロールさせる方法はありますか?
なるべくシンプルな方法を教えてください。

●質問者: P-mako
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML JavaScript アンカー シンプル スクロール
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● sudayosiaki
●10ポイント

ホームページビルダーをお使いなら先ず下記を見てください。

http://hpbuilder.net/hpbuilder3.htm

iframe内へはhttp://www.aimix.jp/label.html

同様手順で「違うページのラベルへリンク」を参照。

この場合ラベルを貼るiframe内のページは必ず上書き保存

してからリンクを貼ります。

ビルダー以外のためにスクリプトを付けます。

iframe内ページ

リンク先の文字列

リンクページ

リンク元

stylというラベルを貼っています。半角英数ならaa bb

でも大丈夫です。


2 ● kubira711
●10ポイント

HREF="abc.htm#P1"

HREF="#P2"

TARGET="#W1"

などで普通に位置づけすればよろしいかと。

iframeのほうのスタイルで position: absolute でトップ位置を指定して上記の位置に合わせてしまえばよろしいでしょう。


3 ● llusall
●60ポイント

こんなのはどうでしょう?

<html>

<head>

<title>ドメインA</title>

</head>

<body>

ドメインA



ドメインBへ... //アンカー位置を引数に指定

</body>

</html>


<html>

<head>

<title>ドメインB</title>

</head>

<body>

ドメインBです。



B位置に移動して表示




インラインフレーム

<iframe src="" name="myFrame" width="300" height="100"></iframe>

</body>

</html>

<script language="javascript"></p> <p><!--</p> <p> str = location.search;</p> <p> str = str.substring(5,str.length);</p> <p> myFrame.location.href='b_in.htm#'+str; //ロード時にアンカー位置を指定してiframe表示</p> <p>// --></p> <p></script>


<html>

<head>

<title></title>

</head>

<body>


AAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAA









BBBBBBBBBBBBBBBBBBBBBB

BBBBBBBBBBBBBBBBBBBBBB









CCCCCCCCCCCCCCCCCCCCCC

CCCCCCCCCCCCCCCCCCCCCC

CCCCCCCCCCCCCCCCCCCCCC

</body>

</html>

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ