月9女優の歴代、実力を大調査!

月9に出演経験のある歴代女優を大調査!美しさの秘密にも迫ります!

武井咲

モーダルをクリックすると、トップにスクロールを解消する方法!

投稿日:

モーダルをクリックすると、なぜか自動でトップ画面に戻る・・・。

最下層にいるのに、クリックすると背景がトップにスクロールしてしまう。

 

この状況を抜け出すために、いろいろと試してみまた。

その結果、超簡単なことで解決できたでメモ代わりに残しておきます。

 

[アドセンス]

 

モーダルをクリックすると、トップにスクロールを解消する方法!

モーダルをクリックをするとトップにスクロールする・・。

これを解決するには、「a」タグを「span」タグにするだけ!

[say img=”http://affiliate-wp.xyz/wp-content/uploads/2019/05/2018-10-21_00h04_00.png” name=”” from=”right”]え?それだけ?[/say]

 

と、思いますが、本当にこれだけで解決しました。

どうしても「a」タグじゃないとだめ!っていうこだわりがないのであれば、「a」タグを「span」タグにしてみてください。

 

コードはこんな感じです。

 

クリックする部分はもともと「a」タグだったのを「span」に変更。

<a href=”#” class=”theme” id=”login-show”>Contact</a>
       ↓
<span href=”#” class=”theme” id=”login-show”>Contact</span>

 

モーダル部分はこんな感じ♪

<div class=”login-modal-wrapper” id=”login-modal”>
 <div class=”modal”>
<divid=”contact-form”>
<h2>Contact</h2>
<formaction=”#”>
<inputclass=”form-control”type=”text”placeholder=”メールアドレス”>
<inputclass=”form-control”type=”password”placeholder=”パスワード”>
<divid=”submit-btn”>Send</div>
</form>
</div>
</div>
</div>
クリックしたらモーダルが出てくる部分を「a」にすることで解決しました♪
[アドセンス]













-武井咲

執筆者:

関連記事

『貴族探偵』武井咲のネックレスのブランドは?

月9ドラマ『貴族探偵』に出演している女優・武井咲さん。武井咲さんがドラマの中で着用しているネックレスがすっごく可愛い〜!!どこのブランドなのでしょうか?ネックレスとそれを着用している武井咲さんの可愛い …

no image

WPのセキュリティ!プラグインでハッキングも防いでやるぜ!

ハッキングに被害に遭い、立ち直ってから数日。 凍結されて、クリーンなデータを再インストールしたワードプレスに挿入しました。 それでも!!!! まさかの再度ハッキングをされてしました。 なぜ!?どうして …

no image

WPサイトが凍結された!その理由と原因は?

サーバーにサイトが403エラーで見れないことをメールで相談。 しかも、同じサーバーで運営していたサイトは全部見れなかったんです。 しかも、そう・・・土日だったのです・・・(泣)。 だからメールだけで相 …

武井咲『貴族探偵』の髪型画像!ヘアアレンジも!

月9ドラマ『貴族探偵』に出演している武井咲さん。いつも可愛い武井咲さんですが、月9ドラマ『貴族探偵』ではどのような髪型をしているのでしょうか?画像で紹介していきます。ヘアアレンジもしているので、そんな …

『黒革の手帖』武井咲が主演動画を無料で!

武井咲さんが主演を務めるドラマ『黒革の手帖』。 これまで数々の名女優が演じてきた、松本清張原作の話題作!   武井咲さん主演の『黒革の手帖』を無料で見れる方法を今だけ!大公開しちゃいます。 …