ヤフー新ストアデザインのページ内リンク不具合

Question

ヤフーショッピングのPC版新ストアデザインで
説明ページなどの縦に長いページのページ内リンクがFirefoxで機能しなくなってしまいました。
旧デザインでは機能しておりました。

何か回避する方法はございますでしょうか？

ちなみにChromeとIEでは新ストアデザイン上でもページ内リンクは機能しております。

Answer

ECマスターズの伊藤です。

> 説明ページなどの縦に長いページのページ内リンクがFirefoxで機能しなくなってしまいました。
> 旧デザインでは機能しておりました。

確認させていただきたいと思いますので、
対象のページのURLをご連絡いただけますでしょうか。

Answer

お世話になります。URLはコチラになります。

https://store.shopping.yahoo.co.jp/mirukuru/wrapping.html


上部ボタンのタグにて「#card」等の指示、
下部画像の要素に「 id="card" name="card"」等のタグ付けを行っております。

Answer

ECマスターズの伊藤です。

URLのご連絡ありがとうございました。

確認したところ、たしかにFirefoxのみ、
ページ内リンクが反応しないことを確認致しました。

Yahoo！の新ストアデザインですが、
iframeで各内容を表示する仕様となっているのですが、

FireFoxの仕様を確認したところ
iframe内では、ページ内リンクが
反応しない仕様となっていました。

FireFoxで、ページ内リンクに対応するには、
JavaScriptを記述いただく必要があるのですが、
Yahoo！は、JavaScriptの記述ができないため、
残念ながら、ページ内リンクを実装いただくことができません。

参考：
https://kklog.tokyo/when-anchor-does-not-work-after-page-transition-in-firefox/