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