- このトピックには6件の返信、2人の参加者があり、最後に
により10ヶ月、 4週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 25.2.6
【お使いの Snow Monkey Blocks のバージョン】 20.4.1
【お使いの Snow Monkey Editor のバージョン】 9.3.2
【お使いの PHP のバージョン】7.4.30
【お使いのブラウザ】 Safari
【当該サイトのURL】 直接状況を見ていただきたく、共有したいのですが、外部から依頼された開発中の未公開のサイトであるため、本フォーラムにて公開的に共有ができません。### 発生している問題
Safariにて、トップページ以外の固定ページからトップページのページ内リンクを押すと本来表示されるはずのセクションが映らないぐらい、表示位置がずれて表示されます。なおページ内リンクはヘッダー・フッター・ドロワー内に設置しており、u-smooth-scrollクラスを各メニューに付与し、スムーススクロールで遷移されるようにしております。＜ページ内リンクを作成した方法＞
トップページの各セクションのHTML アンカーにて、たとえば「about」と記入し、それに対応するメニューに対してはWordPressの外観＞メニュー画面にて、カスタムリンクでメニューを作成し、URL部分に「/#about」を入力、CSS classには「u-smooth-scroll」を入力しております。### 試したこと
上記現象はChromeでは起きず、Safariにておきます。いいねをした人: 居ません以下教えてください。
– スムーススクロールを使用しない場合はどうなりますか？
– ページを（ハードリロードなどでキャッシュを消さずに）リロードしたあと、再度リンクをクリックすると改善されますか？
– ページを一度一番下までスクロールして、一番上まで戻った後、再度リンクをクリックすると改善されますか？
– 画像を非同期読み込みするようなプラグインあるいは JavaScript のライブラリーを使用していますか？いいねをした人: 居ませんご返信いただき誠にありがとうございます。回答させていただきます。
– スムーススクロールを使用しない場合はどうなりますか？
→改善されません– ページを（ハードリロードなどでキャッシュを消さずに）リロードしたあと、再度リンクをクリックすると改善されますか？
→トップページから別の固定ページに移動し、リロードした後、リンクを押しましたが、改善されません– ページを一度一番下までスクロールして、一番上まで戻った後、再度リンクをクリックすると改善されますか？
→改善されません– 画像を非同期読み込みするようなプラグインあるいは JavaScript のライブラリーを使用していますか？
＜使用しているプラグイン＞
All-in-One WP Migration
BackWPup
EWWW Image Optimizer
SEO SIMPLE PACK
My Snow Monkey
Snow Monkey Blocks
Snow Monkey Editor
Snow Monkey Forms
Snow Monkey Google Fonts
WP Multibyte PatchjQuery使用
いいねをした人: 居ません– スムーススクロールを使用しない場合はどうなりますか？
→改善されませんありがとうございます。となると、スムーススクロールの問題ではなさそうですね。
– ページを（ハードリロードなどでキャッシュを消さずに）リロードしたあと、再度リンクをクリックすると改善されますか？
→トップページから別の固定ページに移動し、リロードした後、リンクを押しましたが、改善されません– ページを一度一番下までスクロールして、一番上まで戻った後、再度リンクをクリックすると改善されますか？
→改善されません画像の非同期読み込みがあるとズレることがあるっぽいのでその可能性を考えたのですが、これもなさそうな気がしますね…。
– 画像を非同期読み込みするようなプラグインあるいは JavaScript のライブラリーを使用していますか？
＜使用しているプラグイン＞
All-in-One WP Migration
BackWPup
EWWW Image Optimizer
SEO SIMPLE PACK
My Snow Monkey
Snow Monkey Blocks
Snow Monkey Editor
Snow Monkey Forms
Snow Monkey Google Fonts
WP Multibyte PatchjQuery使用
この中だと画像の読み込みに関連しそうなのは「EWWW Image Optimizer」ですが…停止すると何か変わったりしますか？あと、「jQuery使用」とありますが、非同期読み込み的なことに使っていますか？
—-
ちなみに、このサイトの場合だと、下記のページにある「目次」がページ内リンクになっています。僕の環境だと Chrome でも Safari でもずれに移動できましたが、これはどうですかね？下記のページでも同様に不具合が発生するなら Snow Monkey の何かに原因がある可能性が高いかなと。下記のページでは発生しないなら、ページの作り方や何らかの設定、ブラウザの何か…という可能性があるかもなと。
いいねをした人: 居ませんご返信いただき誠にありがとうございます。
回答させていただきます。この中だと画像の読み込みに関連しそうなのは「EWWW Image Optimizer」ですが…停止すると何か変わったりしますか？
無効化しましたが、改善されませんでした。
「jQuery使用」とありますが、非同期読み込み的なことに使っていますか？
いえ特に行っていない認識ですが、コードを共有した方がよろしいでしょうか。
ちなみに、このサイトの場合だと、下記のページにある「目次」がページ内リンクになっています。僕の環境だと Chrome でも Safari でもずれに移動できましたが、これはどうですかね？下記のページでも同様に不具合が発生するなら Snow Monkey の何かに原因がある可能性が高いかなと。下記のページでは発生しないなら、ページの作り方や何らかの設定、ブラウザの何か…という可能性があるかもなと。
私の環境でもそちらのサイトについては同じくずれずに両ブラウザで移動できました。また再度確認したところChromeでもずれていました、、、
いいねをした人: 居ません追加情報です。
トップページ以外の固定ページから全ページ共通部分（ヘッダー・フッター）にあるトップページの各セクションのページ内リンクを押す際にずれが生じるのですが、ずれて表示されるセクションの1つ上のセクションにあるアコーディオンを開いた状態をオフにすると改善されました。開いた分だけずれているのでしょうか。
また、実は再度確認したところトップページ以外の固定ページからだけでなく、トップページから同様ページ内リンクを押してもずれて表示されるリンクがあり、そちらはEWWW Image Optimizerの設定の1つである「遅延読み込み」をオンにして改善しました。
いいねをした人: 居ません
- このトピックに返信するにはログインが必要です。