Q&A
HTML
1<body> 2 <div class="loading"></div> 3 <div class="menus"> 4 <a href="sample.html#sample"></a> 5 </div> 6 . 7 . 8 . 9 . 10 . 11 以下略 12</body>
javascript
1$(".menus a").click(function(e) { 2 e.preventDefault(); 3 var href = $(this).attr("href"); 4 $(".loading").slideDown("slow"); 5 6 function action() { 7 location.href = href; 8 } 9 setTimeout(action, 1000); 10});
ブラウザの"次へ"か"戻る"を押すと、アニメーションをしてからページ遷移したいのですが、
1日中調べても、理解できなかったので質問させていただきます。
このコードだと、ボタンをクリックした場合にのみアニメーションをしてからページ遷移されます。
ブラウザの次へか戻るや、マウスのブラウザバックボタンなどを押した際にも.loadingがslideDownされてから
ページ遷移されるようにする方法を教えていただきたいです。よろしくお願いいたします。
回答1件
0
JavaScriptにユーザーが次へや戻るを押した情報を取得する方法があるのでそれを利用して
次へや戻るを押した場合にアニメーションを発火させればいいと思います
投稿2019/09/14 23:24
総合スコア759
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/17 06:39
2019/09/17 06:51