■ WordPress のバージョン
6.1.1
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit
■ テーマのバージョン
15.2.0
■ Pro Unit のバージョン
0.23.4
■ スキンの種類
Origin III
■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。
■ 期待する動作
カバーにて追加CSSを設定し
javascriptにてパララックスをしていたのですが
気がついたら、通常の固定背景になってしまいました。
何が原因なのでしょうか?
別PCで更新をストップしてあったバックアップ用のデータでは
きちんと動作していました。
一つずつプラグイン(VK等)、更新をかけていったのですが
きちんと動作。
訳がわからず
該当の固定ページを編集モードで開き、何も変更せずに保存して閉じると
動作しなくなりました。
CSS
background-attachment: fixed;
background-position: 10% 0;
javascript
(function ($) {
var parallax = -0.85;
var $bg_images = $(‘.cover-parallax’); //パララックス効果を与えるクラスを指定
// $(window).scroll(function() {
$(window).on(‘load scroll resize’, function () {
var offset_tops = [];
var clientHeights = [];
$bg_images.each(function (i, el) {
offset_tops.push($(el).offset().top);
clientHeights.push($(el).outerHeight());
console.dir($(el).offset().top);
});
$bg_images_visual.each(function (i, el) {
offset_tops.push($(el).offset().top);
clientHeights.push($(el).outerHeight());
console.dir($(el).offset().top);
});
var dy = $(this).scrollTop();
$bg_images.each(function (i, el) {
var ot = offset_tops[i];
var slideHeight = (ot – dy) / 4 * parallax;
$(el).css(‘background-position’, ‘center ‘ + slideHeight + ‘px’);
});
});
})(jQuery);
■ 自分で試した事
別PCで更新をストップしてあったバックアップ用のデータでは
きちんと動作していました。
一つずつプラグイン(VK等)、更新をかけていったのですが
きちんと動作。
■ 症状が発生するブラウザ
safari
■ 実際の症状
何が原因なのでしょうか?
別PCで更新をストップしてあったバックアップ用のデータでは
きちんと動作していました。
一つずつプラグイン(VK等)、更新をかけていったのですが
きちんと動作。
訳がわからず
該当の固定ページを編集モードで開き、何も変更せずに保存して閉じると
動作しなくなりました。