- このトピックには19件の返信、2人の参加者があり、最後に
により2年、 7ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 14.3.5
【お使いの Snow Monkey Blocks のバージョン】11.4.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】chrome
【当該サイトのURL】こちらのサイトです### 発生している問題
いつもお世話になっております。
似たような質問をされてらっしゃいましたが、微妙に違うので質問させていただきます。設定
・pc用ヘッダ位置 ノーマル### 発生している問題
アンカーリンクを使った設定をし、ページ内リンク、ページ別リンク（アンカー）、グローバルメニューからのアンカーリンク を設定しました。
ヘッダ部分のリンクずれを解消するため
を参考に リンク .u-smooth-scroll のclass をいづれも設定しました。
↓↓
１. ページ内 アンカーリンクは うまくいきます。2. ページ別リンク（アンカー）は、ずれが生じました。
例 グローバルメニュー ヒンメリとは「ヒンメリのある素敵な生活」 ずれ
他もアンカーリンクは同様※以下のリンクがずれます
※このような設定をしました
3. グローバルメニューからのアンカーリンクは、ずれが生じました。
作家についてページの
２ ご購入いただいたヒンメリのメンテナンス 「詳しくはこちらボタン」
部分のページ別リンク（アンカー）ずれ
３ ヒンメリの素材・太さ・長さ 「詳しくはこちらボタン」
部分のページ別リンク（アンカー）ずれ※以下のボタンのリンクがずれます。
2.3 のリンクずれが生じてしまいます。修正方法がありましたら、ご教示いただけると助かります。よろしくお願いします。
### 試したこと
いいねをした人: 居ません僕の Mac + Chrome だと特にずれずに飛び先の見出しがブラウザの一番上にある状態でページが開きました。「【お使いのブラウザ】chrome」とのことですが、OS は何でしょうか？ また他のブラウザでも同じでしょうか？
いいねをした人: 居ませんOS は、Mac＋chrome 、 Mac＋Safari でも同様のずれの現象になります。
ただ、気づいた点が
pcグローバルメニューからのリンクですが、 トップページから（別のページ）「ヒンメリのある素敵な生活」をクリックすると、最初の
＜タイトルが表示されない ずれ＞
タイトル部分がずれて隠れます。その後、同じページ 例えば「ヒンメリとは」というページが表示されている状態で「ヒンメリのある素敵な生活」をクリックすると二回目は表示は、タイトルが表示されたりと不安定な状態になります。
＜タイトルが表示される状態＞
又、他のアンカーリンクについても不安定な状態です。
いいねをした人: 居ませんちょっとスクショをみて気になったのがドロップナビゲーション（スクロールすると上からにゅっとでてくるナビゲーション）が表示されていることです。Snow Monkey の仕様としては、別ページのアンカーリンクを開いたときはドロップナビゲーションが表示されず、アンカーリンクが指定しているところがページの最上部にある状態でページが開きます。
動画とってみました。
この状態でスクロールするとドロップナビゲーションが表示されるのですが、スクロールせずにただ表示しただけの状態でもドロップナビゲーションが表示されている感じでしょうか？
その後、同じページ 例えば「ヒンメリとは」というページが表示されている状態で「ヒンメリのある素敵な生活」をクリックすると二回目は表示は、タイトルが表示されたりと不安定な状態になります。
ちなみに、ページ内のアンカーリンクをクリックしたとき（.u-smooth-scroll の処理が発火したとき）はドロップナビゲーションの高さを考慮した位置にスクロールされます（ドロップナビゲーションはスクロールすると表示されるので、ページ内のアンカーリンクをクリックしたときは表示されます）。
いいねをした人: 居ませんスクロールせずにただ表示しただけの状態でもドロップナビゲーションが表示されている感じでしょうか？
はい。スクロールせずにただ表示しただけでもドロップナビゲーションが表示されます。
動画で撮影しましたので、こちらリンクをご覧ください。
いいねをした人: 居ませんほんとですね、なんでだろう…。もし良かったら OS と Chrome のバージョン番号もおしえてください！ こちらでは再現しないのでできるだけ同じ環境で試せるなら試してみようかなと…。
いいねをした人: 居ませんお手数をおかけしております。
私のパソコンは
MacOS catalina バージョン10.15.7
chrome バージョン: 91.0.4472.164（Official Build） （x86_64）となります。
ですが、どうやらこれ windows10 でEdge でも同じような症状が起きているそうなのです。（他の人のパソコンでも）
なんでだろう。。
いいねをした人:バージョン同じにしてみましたが僕のほうは変わりなしでした…。僕はトラックパッドを使っていますがマウスだと違うとかなにかあるんですかねー。ちょっとまたあとで見直してみます…！
いいねをした人: 居ませんこちらではやはり再現できず原因が全くわからないので、
◎現状
URL にハッシュがある状態でページが開かれたときはヘッダー非表示、そこから 1px でもスクロールしたらヘッダー表示というのを
◎こうしたい
URL にハッシュがある状態でページが開かれたときはヘッダー非表示、そこから ○px 以上スクロールしたらヘッダー表示に変更してみようと思います（ただ、実装方法がわかっていないので本当に実現できるかはやってみないとわかりません…）
いいねをした人: 居ません本当に色々ありがとうございます。v15.1.0にアップグレードいたしましたが、結果は変わらず。
こんな感じです。スクロールせず、マウスもクリックのまま固定で（動かさず）、同じようにヘッダが被ってしまいます。chrome・ネットスケープいずれも同じ現象です。
他のページ内リンクでも別ページからリンクの場合は、一回目は同じ現象がおきます。
同ページリンクの場合は、上手くいったり行かなかったり、安定していません。本当になんでかわからないですよね。この現象、私以外でも同じような現象がなる方が（windows・edge）もいらっしゃるようです。
ひとまず、スマホでは何の問題もなく飛ぶので、お手数をおかけいたしましたが
このままで様子を見たいと思います。パソコンでみる方にもっと多くどんな現象になるかを聞いてみたいと思います。本当になんでだろう。
来週頭くらいまで様子みて、変わらなければ一旦、トピックス閉じて行こうと思います。
いいねをした人:うーんそうですか…。となると
1. デバッグログを仕込んだ開発用バージョン的なものを用意して
2. gama さんの環境で動かしてもらい、
3. ログを共有してもらい調整
4. 1に戻るを繰り返して原因を突き止めるしか方法が無いですかね…。
ちなみにシークレットウィンドウ（拡張機能無効）の Chrome でも改善されないでしょうか？
いいねをした人:
- トピック「u-smooth-scrollを使用しましたが、アンカーリンクのリンクずれが生じます。」には新しい返信をつけることはできません。