質問: カテゴリページにインラインフレームを設置したがページ内リンクがうまく作動しない カテゴリページの「カテゴリ説明文上」と「スマートフォン用カテゴリ説明文」にインラインフレームを設置してhtmlを読み込んでいます。そのhtml内に「目次」として、ページ内リンクを設置しているのですが、下記のようにうまく作動せず困っています。・google chromeブラウザ→リンクが作動しない・ieブラウザ→リンクは作動するが、リンク先にジャンプすると、ページのその位置より上の部分がすべて表示されなくなってしまう。■該当のカテゴリページはこちらです。https://item.rakuten.co.jp/okaeshi/c/0000000749/■インラインフレームの中のhtmはこちらです。■https://www.rakuten.ne.jp/gold/okaeshi/oseibo/sasiire.htm■カテゴリページにインラインフレームを読み込んでいるタグはこちらです。>■htmlのアンカータグは普通にページ内リンクとして下記のように設定しています。リンク元 リンク先 インラインフレームにすることで、ページ内リンクが作動していないのでしょうか。解決方法をご教授いただけると幸いです。
回答: ecマスターズの伊藤です。> ・google chromeブラウザ→リンクが作動しない> ・ieブラウザ→リンクは作動するが、リンク先にジャンプすると、ページのその位置より上の部分がすべて表示されなくなってしまう。> インラインフレームにすることで、ページ内リンクが作動していないのでしょうか。ご認識頂いております通り、iframeの場合、ページ内リンクが動作いたしません。ページ内リンクですが例えば、ページがウィンドの半分までしかない状態で上部にページ内リンクのリンク元半分のところにリンク先を設置した場合ページにスクロールが発生しないのでページ内リンクは動作しなくなっています。同様に、iframeに高さが指定され、scrolling="no"が指定されているためiframe内はページにスクロールが発生しない状態となっているためgoogleでは、ページ内リンクが動作しないieでは、ページ内リンクが動作するがiframe内で動作するためscrolling="no"の影響でスクロールができないといった状態となっています。> 解決方法をご教授いただけると幸いです。・iframeを使わずに、直接ページ内に記述していただく・iframeに高さをもたせ、スクロールするようにするといった方法になると思います。ご希望のご回答と異なるかと思いますが仕組み上、ご理解いただきますよう、お願いいたします。