1. HOME
  2. 実績紹介
  3. その他システム開発
  4. ブラウザの戻るボタンで画像ポップアップ表示対応

WORKS

実績紹介

その他システム開発

ブラウザの戻るボタンで画像ポップアップ表示対応

戻るボタン押下時に、広告画像を表示したいという要望をいただきました。

お話を伺った際はjQUery UIのdialogで出来ると思いきや、色々不具合が発生しました。

・ポップアップ時、親画面スクロールが画面表示した時のスクロール位置に強制変更される
・ポップアップ後親画面をスクロールすると追従してくれない

イベントキャンセルを入れてもうまくいかなかったり、なぜかaタグだったら思い通りに動く、といった現象が発生しましたので、最終的には戻るボタンのイベント(popstate)が原因と断定しました。
dialogを使用するとダイアログ表示時のスクロール位置を記憶しスクロールを調整するロジックをゴリゴリ書くことになりますので、最初からJQUery UI使わずに自前で書いてしまおうということでスクラッチ開発しました。

jQUeryで楽しようと思ったのが仇になりましたが、最終的には要望以上のモノが開発できた案件となりました。

実績紹介