[shimatate]

【お使いの Snow Monkey のバージョン】14.0.7
【お使いの Snow Monkey Blocks のバージョン】11.1.0
【お使いの Snow Monkey Editor のバージョン】5.0.2
【お使いのブラウザ】Google chrome
【当該サイトのURL】https://keithmelon.com/demo/

### 実現したいこと

グローバルナビゲーション上で設定しているアンカーリンクに他ページから遷移する際にも、そのアンカーリンクの場所に飛ぶようにしたい。

 

 

### 発生している問題

トップページでは問題なくアンカーリンクの場所に飛ぶのですが、別ページからの場合は一番上に飛んでしまう状態です。

別ページから飛んだ際にも該当の場所に飛ぶようにしたいのですが、どこに問題がありそうかもよくわかっておらず、、。

 

一応調べたのですが、重複する内容がありましたら申し訳ございません。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

このアンカーリンクのスムーススクロールは Snow Monkey のスムーススクロール機能を使っていますか？それとも独自実装でしょうか？

♥ 0

いいねをした人: 居ません

[shimatate]

スムーススクロールは

html {
  scroll-behavior: smooth;
}

で実装しています。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありがとうございます！ この CSS を消してみるとちゃんと飛ぶようになったりしますかね？ もし消すとちゃんと飛ぶようになるということであれば、メニューをクリックしたときのスムーススクロールは Snow Monkey のものに置き換えるという方法はあると思います。

特定のリンクをスムーススクロールにする

ページ内リンクをクリックしたとき、通常であればピッとそのアンカーの位置に移動してしまいますが、そうせずに、スル…

snow-monkey.2inc.org

消してもちゃんと飛ばないのであれば、例えばよくあるのはタブを操作するようなコードを書いている（or プラグインを使っている）とか、別にスクロールを操作するようなコードを書いている（or プラグインを使っている）という可能性が高いと思います。

♥ 0

いいねをした人: 居ません

[shimatate]

ご連絡遅くなりすみません！

CSSの記述を消したら、ちゃんと飛ぶ様になりました。

また教えていただいたようにリンクの方にu-smooth-scrollをつけると、スムーススクロールもできました！

ありがとうございました！

無事解決したのでトピックを閉じさせていただきます。

♥ 1

いいねをした人:

[投稿者]

投稿