レスポンシブ対応jQueryコード 1.スクロールすると現れて追尾するトップへ戻るボタン スクロールすると現れるページ上部へ戻るボタンです。よく見るやつですね。PC版ではスクロールするとふわっと画面右下に現れて追尾しますが、スマホ版(ウィンドウ幅480px以下)ではついてこられると鬱陶しいので画面最下部に固定しています。 まずは、ある程度スクロールするとフェードインして現れるjQueryコード。 <!-- jQuery --> <script> $(function(){ var pageTop = $("#pageTop"); pageTop.click(function () { $('body, html').animate({ scrollTop: 0 }, 300); return false; }); $(window).scroll(function () { if($(th
![デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6(サンプルあり) - Design Color](https://cdn-ak-scissors.b.st-hatena.com/image/square/3add29fbf397f0154c9c1412bb6fab637a1a0192/height=288;version=1;width=512/https%3A%2F%2Fdesigncolor-web.com%2Fwp-content%2Fuploads%2F2015%2F09%2Fjquery-for-rwd_thumb.png)