こんにちは
iframe の src 属性でアンカーポイントを指定すると、その位置へ移動してしまうようです。
この現象は、一部のブラウザ(Chrome や Edge など)で起こるようです。FireFox では発生しませんでした。
仕様なのかバグなのかは分かりませんでした。
アンカーポイントを指定しなければいいのですが・・・どうでしょうか?
あとは、ちょっと面倒な方法ではありますが、下記のようにスタイルを指定することで位置を調整することはできそうです。
<iframe src="sample.html#アンカーポイント" width="700" height="230" frameborder="0" scrolling="no"></iframe>
↓
<div style="position: relative; overflow: hidden; width: 100%; height: 230px;">
<iframe style="position: absolute; top: -36px; left: 0; width: 100%; height: 266px;" src="sample.html" width="700" height="230" frameborder="0" scrolling="no"></iframe>
</div>
※ -36px が縦のスクロール位置になります。この値を調整する必要があります。
他にいい方法がありそうですが、思いつきませんでした・・・。
アドバイスありがとうございました。
もっと簡単に設定等から変更できるのかと思いました。アドバイスいただいたHTMLは、あまり詳しくないので、触らないことにします。ただ、カテゴリー別で、表示される位置が違うのが不思議です。下記ページは、同じようにiframe内にアンカーポイントを入れてあるのに、上から表示されます。投稿数が少ないからかもしれません。当面は投稿表示を3件にし様子を見て、他、違いなどを確認しつつ、改善策を探ってみようと思います。又、何か、違う方法がわかれば、教えていただけないでしょうか?よろしくお願いいたします。
https://okujyouryokka.com/category/%E3%81%9D%E3%81%AE%E4%BB%96%e3%80%80%E5%BA%AD%E5%B7%A5%E4%BA%8B/
埋め込み先の www の有無の違いだと思います。
この現象は、埋め込み先が同一の FQDN(ホスト名+ドメイン名)の場合のみ起こるようです。
iframe内リンクにwww. を追加したつもりが、前回お送りしたページ内、一件抜け落ちていました。
修正したところ、解決いたしました。まだすべて修正していませんが、進めて行きます。
かいけつできたので、「解決済み」を更新したら、返信が消えてしまい、再度返信しています。ダブっていたら、ご了承ください。まだ、このサポートフォーラムに関しても、システムが良くわからず、申し訳ありません。
今回、設定内等で、変更できると思い、必死で設定を探っていましたが、解決できず、時間ばかり取られ、本業が進まず焦っておりました。今後は、もう少し、落ち着いてプログラム検証していきたいと思います。
この度は、本当に助かりました。ありがとうございました。