- ベストアンサー
リンク アンカーポイント先を常に先頭に出すには..
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
基本的には無理だと思います。 cssでbodyにpadding:100% 0;のような指定やjavascriptを使えば擬似的には可能かもしれませんが。 余談ですがアンカー先をなんとかわかりやすくしたいという内容であるなら、cssの:targetは使えるかもしれません。 ただ、IEが対応していないので別途javascriptを用意する必要はあると思います。
その他の回答 (1)
すみません、よく理解できません。 もう少しわかりやすく説明してもらえないでしょうか？
補足
申し訳ありません。 リンク(A)の行き先は 別ページ(Bのアンカーポイントなんですが。 その、別ページ（B）がスクロールできるようなページでなく、 縦スクロールするまでもない短いページだった場合。 各場所にアンカーポイント付けても常にブラウザの先頭に表示 させようという事はできるのでしょうか？ といった事です。
関連するQ&A
- 【CSSハック】アンカーポイントの位置をずらしたいのです
WIN IEのみで失敗してしまうCSS問題についてご質問させてください！ 『ページ内アンカーリンクのポイントをブラウザ画面トップから100pxほど下にずらしたポイントに表示したい』 というのも、ブラウザ画面トップにposition:fixed;のオブジェクトを配置しているため、 アンカーリンクでページ内ジャンプした際に先頭部分が上記オブジェクトの後ろに隠れてしまうのです。 <a name="XXXXX" id="anchor"><img src="XXXXXXX"/></a> このタグに対してのCSSは #anchor{ position:relative; top:-100px; left:0; } このコマンドで Mac環境（safari / Firefox） Win環境（Firefox） では成功したのですが、IE6 / IE7では認識せず、スクロールバーがなぜか２本重なるバグ？が表示されるのです。 このような現象の原因と対策がございましたらお教えいただきたいです。 どうぞよろしくお願いします！ （横２つ割のインラインフレームは可能なら使いたくないのですが、他に方法がなかったら仕方ないのでしょうか。。）
- 締切済み
- CSS
- Flashの画像からアンカーポイントへリンクをしたい。
Flashの画像からアンカーポイントへリンクをしたいのですが、 on (release){ getURL("../aaa/index.html#bbb","_self"); } とこのように設定をしても上手くいきません。 症状的には、URLには移動をするので、 （aaa/index.html は正しく表示されます。） 他の設定は間違っているとは思えないのでが、 アンカーポイントへ移動はしないのです。 同じhtml上に、HTMLで書いたアンカーへの リンクは上手くいくので、おかしなところは、 見つからないのですが、だれか解かる方、 アドバイスをお願いします。
- ベストアンサー
- Flash
- リンク先アンカーの表示位置を下げたい
宜しくお願いいたします。 FAQページを作成中で、ページ最上部に質問だけずらり並んでいて、クリックするとリンク先（ページ下部にある回答）に埋め込んだアンカーに飛びます。 しかしCSSで .header { height:180px; } .main_content { top:180px; } となっているので、飛んだ先の回答がブラウザ最上部、この180pxの部分に表示されて他の要素の裏に隠れてしまいます。リンク先のアンカーを180px下げて表示させるような方法はあるのでしょうか。 質問がわかりにくかったらスミマセン。
- ベストアンサー
- HTML
- 別の小窓ウインドウにアンカーポイントをつける方法
dreamweaverの初心者です。 ホームページを作っているのですが、 元のページをあけたまま、小窓ウインドウを表示して、 そこへアンカーポイントでリンクしたいのですが [プラウザウインドウを開く] で設定してからアンカーポイントをつけると 小窓ではなく、ページがそのまま変わってしまいます。 リンクしても元のページを表示したまま アンカーポイントでリンクした先が表示された小窓が出てくる方法を どうか教えてください。よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- リンクとアンカーポイントの同時リンク
当方web制作初心者です。 ページの最上部に、インラインフレームで別ファイルを表示させているページを作っています。 そのページの最下部でインラインフレーム内で表示するリンクはっているのですが、インラインフレーム内では、ちゃんとリンクしたページにジャンプしているのですが、リンクを貼ったところがページの最下部なので、自分でページの上部に移動しなければなりません。 以前にも同じような質問があったので試してみましたがページの上部に移動しません。試した方法は 「<a href="00.html#top">」のようにリンクするページの後ろにアンカーポイントをくっつけました。IE6(xp)ではうまく動作したのですが、IE7(vista)だと全く反応しません。 私のやり方がおかしいのか、もしくは他にもっといい解決策があるのかご教授ください。お願いします。
- 締切済み
- HTML
- インラインフレームのアンカーリンク
Aページに２つのiframe（BページとCページ）を組み込んでいます。 Aページを開いている状態で、iframeのBページの画像をクリックし、 同じくiframeのCページの特定(アンカー)ヶ所を表示させたいのですが、 Bページ <a href="Cページ.html#01" target="frame1">～</a> Cページ <a name="01">～</a> では、うまく作動しません。 スプリクト使用でもかまいませんので、ご存知の方がいらっしゃれば 是非教えて下さい。 イメージとしては、 ┏━━━━━━━━━━━━━━━━━ ┃A.html ┃┌───┐┌────────── ┃│B.html ││C.html ┃│ ││ ┃│ ││ ┃│ ││ ┃│ ││ こんな感じで、Ｂにサムネイル画像があり、クリックで その詳細がＣページに表示されるような感じです。 （ちなみにＢスクロールあり、Ｃスクロールなし、アンカーリンクで表示位置が変わる。） よろしくおねがいします。
- 締切済み
- HTML
- リンク先でjavascript
javascript初心者です。 ファイル内に、縦に長くて、overflow: auto;の指定をしてあるdiv要素（内容は読物です）がありまして、そのファイルではdiv要素の中で4つのアンカーポイントにビューンとスクロールするjavascriptを設置してます。 1つのリンク元ファイルから、４パターンのa hrefリンクをはり、リンク先ファイルのjavascriptを動かす（ページを読み込んですぐ４パターンのアンカーポイントにビューンと飛んでいく）ような指令って、どうやるのでしょうか。
- 締切済み
- JavaScript
- 別ページからのアンカーリンクについて
現在、下記jqueryを使用して横スクロールサイトを制作中です。 http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ 上記サイトを参考に 設置し問題なく動作しているのですが、 アンカーリンクを使用して 別ページから、各コンテンツにジャンプさせたいと思っています。 設置しているナビゲーションメニューからだと スムーズにスクロールし、正常に動作（コンテンツが一番左の位置でストップ）するのですが、 別ページから ○○.html#アンカーリンク名 というふうに リンクを張ると、表示位置が一番左の位置ではなく スクロールの途中でずれて止まってしまいます。 CSSも含め色々といじってはみたのですが まったく原因がつかめず苦戦しております。。 以下のスクリプトでは、ナビゲーションのリンクをクリックすると 動作するようにしていますが、 アンカーリンク名が○○の場合は、○○に表示させる といった命令のようなことはできるのでしょうか？ 知識不足で申し訳御座いませんが お分かりの方がおられましたら宜しくお願いいたします。 $(function() { $('ul.nav a').bind('click',function(event){ var $anchor = $(this); /* if you want to use one of the easing effects: $('html, body').stop().animate({ scrollLeft: $($anchor.attr('href')).offset().left }, 1500,'easeInOutExpo'); */ $('html, body').stop().animate({ scrollLeft: $($anchor.attr('href')).offset().left }, 1000); }); });
- 締切済み
- JavaScript
- 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
- iframeからのリンクでスクロールさせるには
scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。
- 締切済み
- JavaScript
補足
いやー わかりやすい.. ありがとうございます。 少し多方面でも調べさせていただきます。 アドバイス ありがとうございました。