contact form 7 add-confirmで、確認画面に遷移した時のページ内リンクを、固定ヘッダーナビfixed用に設定【contact form 7】【WordPress】


固定ヘッダーナビ(fixed)にしたら、お問い合わせの確認画面のページ内リンク(スルスルスライダー)ののぼり位置がずれたので、その対応。

 

相変わらずコアファイルをバリバリ修正しています。アプデがコワー(汗)

 

 

修正ファイル:/plugins/contact-form-7-add-confirm/includes/js/scripts.js

var wpcf7c_scroll = function(unit_tag) {
	// エラーの時などにアンカーまでスクロール
//test全部コメントアウト
//	jQuery(jQuery.find("input[name=_wpcf7_unit_tag]")).each(function(){
//		if(jQuery(this).val() == unit_tag) {
//
//			var parent = jQuery(this).parents("form");
//			var speed = 1000;
//			var position = parent.offset().top;
//			if(jQuery('.wpcf7c-anchor').size() != 0) {
//				position = jQuery('.wpcf7c-anchor').offset().top;
//			}
//
//			jQuery("html, body").animate({scrollTop:position}, speed, "swing");
//		}
//	});

//ここから追加
var headerheight = jQuery("#header").outerHeight();
var target = jQuery("#link-target"); //HTMLでエラーメッセージが表示されるあたりに「link-target」のアンカを設置しておく。
var position = target.offset().top - headerheight; //ヘッダの高さ分位置をズラす
var speed = 1000;
jQuery("html, body").animate({scrollTop:position}, speed, "swing");
}