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-movieposition: absoluteが設定されていたことでした。それを.modal-buttonposition: absoluteを設定することで解決しました。

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

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール