• 締切済み

リンク先でjavascript

javascript初心者です。 ファイル内に、縦に長くて、overflow: auto;の指定をしてあるdiv要素（内容は読物です）がありまして、そのファイルではdiv要素の中で4つのアンカーポイントにビューンとスクロールするjavascriptを設置してます。 1つのリンク元ファイルから、４パターンのa hrefリンクをはり、リンク先ファイルのjavascriptを動かす（ページを読み込んですぐ４パターンのアンカーポイントにビューンと飛んでいく）ような指令って、どうやるのでしょうか。

みんなの回答

noname#39970
noname#39970
回答No.1

<a href="link.html#anc">

sampo3
質問者

お礼

なるほど。明快な例をありがとうございます！ おかげさまで動くようになりました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptを使ってアンカーリンクでテキストを変更したい。

    JavaScriptを使ってアンカーリンクでテキストを変更したい。 JavaScriptを使ってアンカーリンクでテキストを変更したいのですがうまくいかず困っています。 A　B　C　 <div class="A"> ○○○○○ ○○○○○　←　A群 ○○○○○ </div> Bのアンカーリンクを押したら A　B　C　 <div class="B"> □□□□□ □□□□□　←　B群 □□□□□ </div> Cのアンカーリンクを押したら A　B　C　 <div class="C"> △△△△△ △△△△△　←　C群 △△△△△ </div> というように同じページ内の同じ場所にcssのdisplay（none⇔block）で表示を入れ替えるようなスクリプトが書きたいのですがわかりません。 参考URLだけでもいいので宜しくお願いいたします。

  • javascriptでスクロール

    下記のhtmlソースでjavascriptでスクロールしてトップに戻るリンクを作ったんですが、WinのIEではスクリプトが効かずnoscript内の通常のアンカーが有効になってしまいます。 Firefoxではjavascriptの有効無効を判断して思った通りに動きます。WinIEでもjavascriptが有効のときはスクロールし、無効の時は通常のアンカーになるようにするにはどうすればいいのでしょうか？ WinIEはセキュリティの設定でjavascriptを有効にしてあります。 <script language=javascript> <!-- document.write('<a href="javascript:pageup()">pagetop</a>'); //--> </script> <noscript> <a href="#pagetop">pagetop</a> </noscript>

  • overflow:scrollの要素内リンクの質問

    overflow:scrollを指定した要素内での要素内リンク（アンカーリンク？）の方法を探しています。 参考： http://solidstate.jp/ContentsDisplay/tabBox/script_144.html イメージとしては、、overlow:scrollを指定した要素の外に、overflow:scrollを指定した要素をコントロールするリンクがあって、そのリンクをクリックすると、overflow:scrollを指定した要素内の指定位置まで移動するようなイメージです。 参考にあげさせていただいたサイトのものでも良いのですが、他にこういったことを実現するJavascriptやJQueryをご存知の方がいらっしゃいましたら教えてください。 よろしくお願いします。

  • スクロール位置を取得してリンク先も同じスクロール位置に

    Javascript初心者です。よろしくお願いします。 scrollTopというものを使えば、 現在開いているページのスクロール位置を取得できる ということがわかりました。 その取得したデータをリンク先のページに反映したいですが、 方法がわかりません。 例えば、全ページの上部に縦300ピクセルの画像があり、 上から300ピクセルの位置にリンクしたい場合です。 アンカーポイントは使いたくありません。 あくまで前ページのスクロール位置と 同じ位置に移動したいです。 javascriptは遷移前のページも、 遷移後のページもどちらに追加してもいいです。 またブラウザごとの多少の誤差は気にしません。 どうぞよろしくお願いします。

  • 「overflow: hidden」ペー ジ内リンクで画面がずれてしまう

    <body>に「overflow: hidden」を指定してスクロールバーを非表示にし、 領域<div class="scroll">内のみスクロールさせる「擬似フレーム」的（？）なものをつくりました。 そして、<div class="scroll">の中をクリックで移動するためのアンカーリンクを設けました。 ブラウザのウィンドウサイズが十分に大きい場合は問題ないのですが、 ウィンドウサイズが小さい（本来なら縦スクロールが必要になるサイズ）場合、 リンククリックで画面内が上にピッとずれてしまいます。 <body>に「position: fixed」を指定すればFirefox等では解決しますが、IEではダメです。 このズレを防ぐ方法はないものでしょうか。 以下サンプルソースです。 <html> <head> <style type="text/css"> <!-- body { overflow: hidden; /*---↓Firefox等でOK、IEはダメ------- position: fixed; top: 0px; -----------------------------------*/ } .scroll { overflow: auto; height: 200px; background: #CCCCCC; padding: 10px; } --> </style> </head> <body> <h1>ページ内リンクによる「scroll」と「overflow: hidden」 </h1> <ul> <li><a href="#topic1">その1＞＞　</a></li> <li><a href="#topic2">その2＞＞　</a></li> <li><a href="#topic3">その3＞＞　</a></li> </ul> <div class="scroll"> <div id="topic1"> <h2>その1</h2> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> </div> <div id="topic2"> <h2>その2</h2> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> </div> <div id="topic3"> <h2>その3</h2> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> <p>内容</p> </div> </div> </body> </html>

  • スムーズにスクロールできるスプリクトが作動しません

    初めて質問させていただきます。 ページ内にスタイルシートを使ってスクロールしても動かない案内板のようなボックスを作り、その中でページの上部に戻る際、スルスルとスクロールするjavascriptを入れたいのですが、うまく作動しません。 <script type="text/javascript" src="○○.js" charset="utf-8"></script> <STYLE type="text/css"> <!-- html{ height:100%; overflow:hidden; } body{ height:100%; margin:0px auto; } #sub{ width:100px; position:absolute; bottom: 0px; 　　right: 0px; z-index:100; } div#main{ width:100%; height:100%; overflow:auto; } --> </STYLE> </HEAD> <BODY> <DIV id="sub"><A href="○○">あいうえお</A><BR><A href="○○">かきくけこ</A><BR><a href="#top">上へ</A></DIV> <DIV id="main"> <A name="top"></A><BR> ・・・略 </div> </body> 普通のbody内でリンクを指定すると、問題なくスプリクトが作動します。 なぜ、div内では作動しないのでしょうか？ いろいろ調べてみましたが、どうしても分からず、こうして質問させていただきました。 原因がわかる方がいらっしゃいましたら、どうか教えてくださいますようお願いいたします。

  • HTMLのアンカーリンクについて。

    HTMLのアンカーリンクについて。 アンカーリンクですが、通常どおりリンクをはると、ブラウザ画面の一番上にぴったりくっついたかたちでリンクしてしまします。 たしか、リンク先の上の幅を指定できたと思うのですが、やり方を忘れてしました(^^;ゞ ちなみにHTMLはこんな感じです。 <div id="content"> 　<div id="anchor"> 　　<ul> 　　　<li><a href="post-1">投稿１</a></li> 　　　<li><a href="post-2">投稿２</a></li> 　　　<li><a href="post-3">投稿３</a></li> 　　</ul> 　</div> 　<div id="entry"> 　　<h2 id="post-1">投稿１</h2> 　　<h2 id="post-2">投稿２</h2> 　　<h2 id="post-3">投稿３</h2> 　</div> </div> すこし検索してみましたが見当たらなくて、質問させていただきました。 どなたか、おわかりの方ご教授いただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • img

    大きい画像にスクロールを表示させたいです。 <img>タグのみでスクロールを表示させる方法を探しています。 img{ display:block; overflow:auto; } なんて風にやっても、<img>はブロック要素にはなりませんか？ <div>で囲えばできるんですけど。

  • javascript リンク先の変更

    遅くに失礼致します。 Javascriptで可能かどうかは分からないのですが リンク先を変更する手段を探しています。 現在ホームページを組んでおり、jQueryのスクリプトお導入した所、 リンク先に数値が指定してありその数値を変更したいのですが 変更するとjQueryが動作しなくなり困っております。 html側のソースは <a href="a?x=344&y=-53" class="a_a"><img src="#"></a> <a href="b?x=-50&y=0" class="a_b"><img src="#"></a> 等となっており、 画像をクリックしたら一度　a?x=344&y=-53.html に移動してから自動で別ページへ誘導する事を 考えてみたのですがその様なファイルが作れるはずもなく行き先を失いました。 クリックしてリンクが　a?x=344&y=-53　なら ****.html　に誘導等といった事はjavascriptで可能なのでしょうか？ また、対策として何か方法があるようでしたらご教授頂ければ幸いです。 何卒、宜しくお願い致します。

  • リンク　アンカーポイント先を常に先頭に出すには..

    標準サイズで表示されるブラウザ画面程度の長さのページに （スクロールするまで長くない） アンカーポイントでリンクさせる事案がでてきました。 常にブラウザの頂点に各アンカーポイント先を表示させる ことなんてできるのでしょうか？ ex アンカーポイントの順Ａ　　　クリック→　Ｃが先頭みたいに 　　　　（たてにＡbＣ) b 　　　　　　　　　　Ｃ

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する