JavaScript

画面のスクロールバーの幅を取得する

  • 2019.09.18

サイトを制作していると、スクロールバーの幅を知りたいときがあります。 今回はJSを使用して画面のスクロールバーの幅を取得する方法を紹介します。 コード const scrollbarWidth = window.innerWidth - document.body.clientWidth; console.log(scrollbarWidth); 参考 JavaScriptでスクロールバーの幅を調 […]

ウィンドウリサイズ完了時に処理を実行する

  • 2019.09.06

JSでウィンドウリサイズ時の処理を書くと、リサイズしている間何回もその処理が呼び出されてしまいます。 今回はウィンドウリサイズが完了したら、処理を一度だけ実行するコードを書きます。 コード var timeOutId = 0; $(window).on('resize', function(){ if (timeOutId > 0) { clearTimeout(time […]

JSでブラウザとモバイルの種類を判定する(簡易版)

  • 2019.09.03

JSでブラウザの種類とモバイルの種類(iphone, ipad, android)を判定するコードです。 userAgentの値は結構変わったりするので、ua-parser-jsの様なライブラリを使うのが一番だと思うのですが、そこまで大げさなものはいらないときには下記のコードで十分かと思います。 コード function checkInterFace() { var userAgent = win […]