:アンカーリンクがずれて表示される件について、何か良い対策の知恵がないでしょうか?本家のフォーラムも覗いたのですが、&aname(ID);のような任意のアンカーを作成し、表示したい位置を逆算して、位置をずらしてアンカーを配置するという方法しか載ってませんでした。数も文章も膨大なので、出来れば見出しを記述した際に自動生成される[#abcd1234]のような、アンカーをそのまま使えると良いのですが。&aname(ID);という任意のアンカーをひとつひとつ付けるのも大変ですし、本来の位置からずらしてアンカーを付けるというのも、後で頭がごちゃごちゃになりそうで...。皆さんはあんまりご不便されてないのでしょうか&#12316;。:皆さん、色々アドバイスありがとうございました。お返事に大変時間が開いてしまって申し訳ありません。いろんな事がありすぎて、お返事出来ぬまま、あっという間に11月になってしまいました。Yujiroさんに検証して頂いたケースよりも、弊社のhaikにてアンカーリンクが大きくずれるのは、見出しに装飾をたくさんつけているからかも知れません。弊社のボスが、見出しが弱いと言って、太くしたり色をつけたり色々しているのです。あと、前後に#br()で行間を空けたり詰めたりもしています。それらが原因かも知れません。完全にスッキリとは行きませんが、うみほしさんに教えて頂いたJavaScriptで、なんとか格好がつきましたのでこちらは一旦解決済みにさせて頂きます。:その後,ページをまたいだ場合のアンカーの改善(具体的にはメニューからアンカーに飛ばす場合)をいくつか見つけて試してみました。残念ながらHAIKでうまく動くものはありませんでした。:ranさんYujiroさんのテストサイトは私は問題なく閲覧できました。アクセスできないのはそちらのセキュリティソフトのせいでしょう。ノートンを一時的にOFFにするか、該当サイトをホワイトリストに入れるかが対処法です。今回の問題はナビを固定しなければ、問題は生じないでしょう。HAIK以外に広く「ヘッダー固定=ナビ固定」した場合の、ブラウザの動作の問題です。いろいろな人がCSSやJAVAスクリプトで解決法を示しているのです。HAIK自体はアンカーがページトップに来るように飛んでいるだけです。このページトップの解釈が、現状のブラウザではナビ固定ではちょっと困ったことになるという現象です。件のページ、ロリポップの試用期間10日間を利用し、何もかもすっぴんで細工せずにHAIKをインストールしたものです。(29日には消失するでしょう)ノートンがどう判断しているのかわかりません。ところでそもそもの懸案、デザインbioにおいては「ナビを固定しない」設定だけでアンカーはほとんど、まずまず実用になる、と、個人的にはそう見ています。少なくとも#contentsはほぼほぼ問題なし。cols内でも作動します。(参考ページは単にそれを実証しているだけで、特別なことは何もしていないのです)これまでの私の書き込みでもこれといった新手法やアイディアを持っていません。(やってみるならうみほしさん紹介のJavaScripitでしょうか)また、あいすのんさんが書かれているかなりひどい状態になるのも腑に落ちていない現状があります。これをどうやれば再現できるのか?そこが知りたいと思っています。:Yujiro様いつも、貴重なアドバイスで勉強をさせて、頂きありがとうございます。ページを遮断しました」と出て内容を確認する事ができませんでした。当方、ノートンのセキュリティーソフトを導入していますので、その影響なのでしょうか?併せて、今回、込み入った解決方法でなく、もっと簡略にお知らせ頂ければと、勝手ながら思いました。今後とも、アドバイスをよろしくお願いします。https://umihoshi.comアンカーと組み合わせて,スクロールアップの位置も調整しました。くじの上に&aname(もくじにつけたいアンカー文字列);を設置し,#scrollup(#もくじのアンカー文字列)を設定すると,上矢印でもくじまで戻せます。オプションをつけないとページトップまで戻りますが,アイキャッチが大きいと,もくじを見るのにまたページを下げる必要があるので,そういう手間を省くためです。これまで「戻り位置の不具合」に悩まされてたのですが,今回解消できたので,これがようやく設定できました。https://umihoshi.com>他のページからアンカーを指定するとJavaScriptを適用する前と同じく、ヘッダーに潜り込んでしまいます。このスクリプトはページをまたいだジャンプでは効かないです。ネット上には他にもいろんなJAVAスクリプトを書いている人がいるので,私が示した方法で試してみると,いいのが見つかるかもしれません。HAIK固有の問題というより,レスポンシブなサイトで,サイトのヘッダー(HAIKではナビ)を固定したときに出る,Webサイト全般の問題のようですから。:>そこに隠れてるんですけど、実際にはもっと先に行っちゃってる感じです。ううむ、ここがわからん。:あいすのんさん>弊社のサイトだと、上の緑色の部分がスクロールしても動きません。あ、そうだすみません、bioでもやはりナビ固定ON/OFFありました。問題が大きく出るのはナビ固定のとき。不本意かもしれませんが、ナビ固定OFFでさしあたりましな状況になるかも。ナビ固定ON/OFFは編集メニューのテーマ編集の中に。さんありがとうございます。テストサイトを拝見しました。本当ですね、これだと問題ないですね...なんでだろう???弊社のサイトだと、上の緑色の部分がスクロールしても動きません。そこに隠れてるんですけど、実際にはもっと先に行っちゃってる感じです。アイキャッチがある分まで先にスクロールされてしまうような感じです。Systemが表示されていて、緑色のナビ部分があって、アイキャッチがあります。Systemとアイキャッチがパッと消え(隠れ?)緑色のナビ部分と記事内容が繋がってくる感じです。私含め社内の人間はあんまり難しいことは出来ないので、公式以外のおまじないは入れてないと思います。したのですが、導入方法等が分からず困ってました。ありがとうございます。書いて頂いたJavaScriptをフッターに入れてみました。ヘッダーの高さの部分の数字を変えながら試して、210で、ちょうどいい感じになりました。他のページからアンカーを指定するとJavaScriptを適用する前と同じく、ヘッダーに潜り込んでしまいます。何かヒントがつかめた気がします。cols内でもアンカー可能です。#contentsによるリンクとボタンによる手動リンクの両方でテスト手動リンクでは見出し隠れますが、あまりおかしなところへは飛びません。http://haik.nobushi.jp/このページでご確認ください。中の見出しには[#12345]といった識別子は付きませんが、#contentsの機能としては問題なく作動し、手動でアンカーもとりあえず働きます。内では、アンカーが生成されないのです。これには気が付きませんでした。新たな悩みの種になりそうです。記事を書いているのが、私ではなく上司なので...その辺りが問題のデリケート部分でして。アンカーが変なところ(上司のあずかり知らない箇所)に入ってると半狂乱になりそうです(震)。あと、アンカーを仕込んだ私自身が何かの拍子に不意に死んだりしたら、わけがわからなくなっちゃいそうで怖くて...生きててもわけがわからないのに(笑)。何百ページかある記事にコツコツとアンカーを任意で差し込んでいくのも気が遠くなる作業ですし...。実際には関連のない記事の場所に表示のためだけにアンカーを突っ込むのってSEO的にはどうなの...とか...。える様にhaikチームには、対応をしてほしいと願っておりますが、無駄なのでしょうか?本当に同感です。デザインのCSSか何かをちょちょいと修正してくれれば改善するんじゃないの&#12316;?ちゃちゃっと改善してよ&#12316;と思ってしまいます(自分では出来ないのに)、プロでもその辺って難しいのでしょうかね?HAIKチームに会費を払っているので、デザインパッチ的なやつでもいいので出して欲しいです。山をクリックすると、風林火山の記事の終わりのあたりや、織田信長の記事の中間にジャンプしてしまいます。うううむ、これは変ですね。通常ここまでひどくなく、せいぜいがジャンプ先の見出しがブラウザの上辺に隠れるといった程度なんですが・・・うみほしさん提供の対策も飛び先がブラウザ上辺に隠れるのを防ぐものですから。何かページの書き方に特別な事情がある可能性ありかも。(または、何らかのエラーが起こっている)追記bioのデザインで検証して見まました。見出しの下に本文をセットにしたものをページ内にいくつか用意し、ページ冒頭に目次として「#contents」を記入。#contentsで生成されたリンクに従ってテスト。正常作動で、そもそも飛び先がブラウザの上辺に隠れることもなく、良好です。bioのデザインではナビの固定はそもそもできないので、この点を気にされることはないです。&aname();を使ったアンカーリンクの飛び先でもまずまず実用範囲と思われます。(見出しは隠れるけれど)テスト用に借りたロリポップサイトで上記の作動を確認できます。:皆さん、ご回答ありがとうございます。長くなるので分けてお返事させてください。ジャンプ先がずれていて、使いづらいというよりは、困るという感じです。*武田信玄**風林火山*織田信長**ホトトギス1つのページ内に例えば、上記のような記事があるとして、目次にて風林火山をクリックすると、風林火山の記事の終わりのあたりや、織田信長の記事の中間にジャンプしてしまいます。ヘッダーデザインに該当記事が隠れてしまう、余分に先へスクロールジャンプしてしまう感じです。実際にはお店のご利用ガイドとか、サンプルとかを記事にしているので、意図したところと違う内容が表示されてしまうと、困るというかマズイというか、そんな感じなのです。使っているデザインは「haik_bio」です。すると、HAIKよりブラウザの仕様として致し方ない部分があるようです。ナビを固定されているなら、それをOFFにすればマシで、実用上まあまあに。ブラウザの仕様ということは、スマホ等でも変わってくるということでしょうか...。ナビの固定というのがどこで出来るのか、弊社のサイトの場合それをOFFにしても問題無いのかどうか、ちょっと調べてみます。ありがとうございます。https://umihoshi.comこのスプリクトでも,まだ未解決の問題があって,横にあるメニューからアンカーに飛ばず場合は効果無しでした。フッターやメニューにスクリプトを書いても動作は変わりませんでした。スクリプトを理解して設置したわけでは無いので,どこかを直せば良いのかもしれません動作を見ていると,アンカーで飛んだ場所がナビの下に隠れてしまうのがずれの原因のようですね。ナビの幅だけページスクロールを調整して飛んでくれるといいのですが。https://umihoshi.comJAVAスクリプトというコメントを参考にサイト検索で探して実験してみました。ページ冒頭にあるもくじから,タイトルに自動でつくアンカーに飛ばしている例です。(https://umihoshi.com/index.php?霧箱で見る放射線)この事例ではうまくいきましたので試してみてください。元ネタは,https://tam-tam.co.jp/tipsnote/html_css/post4776.htmlです。ここに載っているJavaスクリプトをそっくりコピーしました。後は#htmlと<script>タグで挟んだだけです。(書き方)アンカーを調節したいページに以下を書きます。全ページに適用したいならフッターに書いてください。現在のhaikでは、アンカーが自動生成されない特にcols(){{}}内では、アンカーが生成されないのです。そこで、私の場合は、アンカーを意図的な位置に強制的に**等を使いアンカーを生成させてリンクをしています。その場合は、白地であれば**#ffffff(フォント)として、そのバック色に合わせたカラーの色と同色とする様に、***フォントを露見しない様にして胡麻化しています。:あいすのんさんまず確認させていただきたいのですが・・・>出来れば見出しを記述した際に自動生成される[#abcd1234]のような、アンカーをそのまま使えると良いのですが。これを使ったとしても飛び先がズレてて使いずらいということですか?なので、ズレ解消のために任意な位置にアンカーを設置するが、それは大変だと。すると、HAIKよりブラウザの仕様として致し方ない部分があるようです。ナビを固定されているなら、それをOFFにすればマシで、実用上まあまあに。他、HAIKではありませんがネットで調べるとCSSやJavaScriptで解消している例があるようです。https://umihoshi.comこれは私も悩みですが,現状ではもくじをつくって項目に飛ばすときに,アンカー位置を調節するしか対応法を知りません。どなたかいいアイディアを出してくれるといいのですが。