月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」にすることで解決しました♪
[アドセンス]













-武井咲

執筆者:

関連記事

武井咲の衣装『貴族探偵』4話!春夏感が可愛い♡

武井咲さんが出演している月9ドラマ『貴族探偵』。第4話で着用していたドラマ衣装がとっても可愛いんです!春夏感がすごく出ていて、撮影していた時期には少し寒かったんじゃないかな?って心配する感じですが。ド …

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

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

no image

WPハッキング!再発の原因は画像ファイルにあった!

なんども繰り返されるハッキング行為。 もう絶望させられます。(笑) 403エラーから始まり、初めてのサーバー凍結。 そして、バックアップから復元作業まで、初めてのことだらけで大変でした。 しかも!! …

『貴族探偵』武井咲がなぜ!?選ばれた理由は?

月9ドラマ『貴族探偵』に女探偵として、準主役に抜擢されたのが武井咲さんです。なぜ武井咲さんが女探偵に選ばれたのでしょうか?そこには理由がありました。さらに、なぜ「武井咲さんが?」と疑問の声があがる理由 …

『黒革の手帖』キャストは武井咲×江口洋介×仲里依紗!

ドラマ『黒革の手帖』が2017年に帰ってきます! そして、その主演キャストとして武井咲さんが出演! 武井咲さんとの危うい関係を持っていくのが江口洋介さん。 さらには仲里依紗さんと、かなり豪華なメンバー …