PR
TIPS

Bootstrapのモーダルを閉じるとトップに戻ってしまう問題の解決方法

Bootstrapのモーダルを閉じるとページのトップに戻ってしまうという問題が発生した場合、以下のコードの修正が助けになります。

<a class="modal-button" data-toggle="modal" data-target=".brand-story" href="">
  <img class="lazyload play-movie" data-src="renew/img/play-movie.svg" alt="BRAND STORY PLAY MOVIE">
</a>

問題の原因は、.play-movieにposition: absoluteが設定されていたことでした。それを.modal-buttonにposition: absoluteを設定することで解決しました。

具体的な原因は不明ですが、この解決策が助けになることを願っています。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました