投稿日:2021/01/13
iosクラスのつき方がおかしいという場合の修正方法です。
画像が拡大されてしまう、PCなのにパララックスにならない等の現象です。
ユーザーエージェントの書き方を修正して対応してください。
修正元ソースは制作時期により異なると思います。
日々変化していく部分なので、下記のソースでもおかしいという場合は鈴木まで報告をお願いします。
iPad⇒Macintosh 参考
https://qiita.com/ShingoFukuyama/items/ef573a8e3e23ef12542e
画像が拡大されてしまう、PCなのにパララックスにならない等の現象です。
ユーザーエージェントの書き方を修正して対応してください。
修正元ソースは制作時期により異なると思います。
日々変化していく部分なので、下記のソースでもおかしいという場合は鈴木まで報告をお願いします。
ソース
main.jsvar 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