iframe内のページ内ジャンプ＜a href=”#●●●●"＞をうまくジャンプさせる方法

Question

いつも大変お世話になっております。

表題の件ですが、
ECステーションさんのまるごとスマホでスーパーセールページを作っています。
PCに対応させるときは、カテゴリページに貼り付けているのですが、

iframe内にページ内ジャンプ
（画像で、飛ばしたいところに）
を設置すると、iframeが解除されて画面いっぱいにiframe内のページが出てしまいます。
これをiframeが解除されずにそのまま希望のところへジャンプさせるようにしたいのですが、
どのようにすればよいでしょうか。
target="_self"は試しましたがダメでした。

ご教授よろしくお願い致します。

Accepted Answer

ECマスターズの田中です。

ご希望の機能を実現するには、
https://forum.ec-masters.net/post_view.php?id=4150
上記記事にてご説明差し上げている方法と同様に、
スーパーSALEのページの中に、隠れアンカーを仕込むという、
若干複雑な処理が必要となります。

まるごとスマホにて、コンテンツごとに別々のページを作成していただき、



（以下略）

のように、ID属性を割り振っていただく方法をオススメいたします。

割り振った後、そのiframeへリンクを張る際は、
https://item.rakuten.co.jp/ショップURL/c/カテゴリURL/#●●●●
のように、「スーパーSALEページのURL全体#アンカー」という形式で
リンク先のURLをご記載いただく形になります。

Answer

田中様

回答ありがとうございます。
現状だと難しいとのことなので、コンテンツを分けて作成する方法でやりたいと思います。
今回のセールでは間に合わなさそうなので、次回マラソンから試してみます。

ありがとうございました。

iframe内のページ内ジャンプ ＜a href=”#●●●●"＞をうまくジャンプさせる方法

iframe内のページ内ジャンプ＜a href=”#●●●●"＞をうまくジャンプさせる方法