お世話になっております。

タイトルのとおりですが、LazyLoadを有効にすると目次等のページ内リンクの移動位置がiPhoneでズレる時があります。

例えばこちらのページです。
https://wp-cocoon.com/mobile-footer-menu/

ズレる様子を録画したGIF画像を添付しました。
画像は、目次の「4.独自ボタンを作成する」をクリックした時の動作です。

自分のブログでもズレる事があったので調べたのですが、移動した位置の上500px以内に画像がある時に発生するっぽかったので、次のようにrootMarginの上を0pxに変更する事で問題が解決しました。

function wp_enqueue_lazy_load(){
  if (is_lazy_load_enable() && !is_admin() && !is_login_page()) {
    wp_enqueue_script( 'polyfill-js', get_template_directory_uri() . '/plugins/polyfill/intersection-observer.js', array(), false, true );
    wp_enqueue_script( 'lazy-load-js', get_template_directory_uri() . '/plugins/lozad.js-master/dist/lozad.min.js', array('polyfill-js'), false, true );
    $data = 'const observer = lozad(".lozad", {rootMargin: "0px 500px 500px"});observer.observe();';
    wp_add_inline_script( 'lazy-load-js', $data, 'after' ) ;
  }
}

自分の環境ではズレるのがiPhoneだけなので、確認していただくのは難しいかもしれないのですが、こちらの方法が参考になりましたら幸いです。

環境：iPhone8/iOS12/Safari, Chrome