※社内専用

パララックスがおかしい(ユーザーエージェントの修正)

  • HOME
  • EPRESS-BS
  • パララックスがおかしい(ユーザーエージェントの修正)
iosクラスのつき方がおかしいという場合の修正方法です。
画像が拡大されてしまう、PCなのにパララックスにならない等の現象です。
ユーザーエージェントの書き方を修正して対応してください。
修正元ソースは制作時期により異なると思います。
日々変化していく部分なので、下記のソースでもおかしいという場合は鈴木まで報告をお願いします。

ソース

main.js
var ua = navigator.userAgent.toLowerCase(); 以降をまるっと下記のように変更してください。
  var ua = navigator.userAgent.toLowerCase();
  if (ua.indexOf('android') !== -1) {
    $('.menu_icon a').addClass('fix');
  }
  if (ua.indexOf('iphone') !== -1 || ua.indexOf('ipad') !== -1) {
    $('.parallax').addClass('ios');
  }
  if (ua.indexOf('safari') !== -1 && ua.indexOf('iPad') !== -1) {
    $('.parallax').addClass('ios');
  }
  if (ua.indexOf('iPad') !== -1) {
    $('.parallax').addClass('ios');
  }
  var ipad = ua.indexOf('ipad') > -1 || ua.indexOf('macintosh') > -1 && 'ontouchend' in document;
  if(ipad == true){
    $('.parallax').addClass('ios');
  }

補足

iOS 13以降でユーザーエージェントの判定基準を変更する必要が出てきました。
iPad⇒Macintosh 参考
https://qiita.com/ShingoFukuyama/items/ef573a8e3e23ef12542e