スムーススクロールのオフセット値の変更方法

0
いいねをした人: 居ません
  • このトピックには11件の返信、2人の参加者があり、最後にm.yoshにより3年前に更新されました。
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • 投稿者
    投稿
  • #91509
    m.yosh
    参加者
    18

    【お使いの Snow Monkey のバージョン】15.14.3
    【お使いの Snow Monkey Blocks のバージョン】13.2.0
    【お使いの Snow Monkey Editor のバージョン】6.2.1
    【お使いのブラウザ】Google Chrome 95.0.4638.69
    【当該サイトのURL】

    ### 実現したいこと

    スムーススクロールのオフセット値を調整したいですが、どのように記述すればよいでしょうか?

    ### 発生している問題

    ヘッダーを固定にしている場合、高さによってはコンテンツがヘッダーの中にもぐりこんでしまうことがあるので調整したいです。

    ### 試したこと

    0
    いいねをした人: 居ません
    #91514
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey のスムーススクロールは自動的にヘッダーやドロップナビゲーションの高さを計算し、その分ずらしてスクロール位置を決定するようになっています。そうなっていないのであれば何らかの不具合かこちらで想定していないものが原因になっている可能性があります。スクロールがずれてしまうページの URL を書き込みいただくことはできますか?

    0
    いいねをした人: 居ません
    #91560
    m.yosh
    参加者
    18

    すみません、現在未公開サイトのため、SlackのDMで情報送らさせていただきたいですがよろしいでしょうか?

    0
    いいねをした人: 居ません
    #91561
    アバター画像キタジマ タカシ
    参加者
    2421

    URL が公開できずに DM でやりとりする場合は、基本的にはプライベートサポートチケットを購入いただくか、プロプランでプライベートトピックを立てていただくことになります(確実に不具合だけどこちらで再現できない場合は、スタンダードプランの方の場合でも DM で URL をいただく場合もあります)。

    今回はひとまず DM でいただいた URL を拝見いたしますが、URL が公開できない場合はページを見なくても原因の追求ができるようになるべく多くの情報を共有いただけると助かります。フォーラムは僕以外の方も回答することがあるので。

    さて、実際「高さによってはコンテンツがヘッダーの中にもぐりこんでしまうことがある」というのは具体的にどのような操作をしたときに発生するのでしょうか? Chrome でヘッダーの「会社情報」「お問い合わせ」、キービジュアルの「テレ窓とは」をクリックしても特にずれは発生しませんでした。

    0
    いいねをした人: 居ません
    #91563
    m.yosh
    参加者
    18

    そういうことでしたか、失礼いたしました。ご確認いただきましてありがとうございます。

    こちらでは「テレ窓」と「会社情報」をクリックでちょうど該当のセクションの見出しH2部分がヘッダーに隠れる状態になるのですが。

    0
    いいねをした人: 居ません
    #91564
    アバター画像キタジマ タカシ
    参加者
    2421

    ずれるときってスムーススクロールしていますか? たとえばページを開いてすぐにクリックした場合だと、スムーススクロール用の JavaScript のロードが完了していなくてスムーススクロールが実行されず、そのため位置調整も実行されないということはありえます。

    0
    いいねをした人: 居ません
    #91565
    m.yosh
    参加者
    18

    スムーススクロールは動作しています。

    0
    いいねをした人: 居ません
    #91567
    アバター画像キタジマ タカシ
    参加者
    2421

    んーとなるとなんでしょうね。ブラウザのコンソールになにかエラーがでていたりしませんか? あと、不具合が確認できる動画キャプチャを送っていただけると助かります。

    0
    いいねをした人: 居ません
    #91572
    アバター画像キタジマ タカシ
    参加者
    2421

    動画ありがとうございます。どうもマウスなどをつないでブラウザにページのスクロールバーが表示されている状態だとずれてしまうようです。詳しく確認してみます。

    0
    いいねをした人: 居ません
    #91574
    m.yosh
    参加者
    18

    ありがとうございます!
    ちなみにコンソールには特にエラーは表示されていません。

    0
    いいねをした人: 居ません
    #91589
    アバター画像キタジマ タカシ
    参加者
    2421

    v15.14.5 で変更を入れてみたのですがどうでしょうか?

    0
    いいねをした人: 居ません
    #91603
    m.yosh
    参加者
    18

    改善しました!ありがとうございます!

    トピックを閉じます。

    1
    いいねをした人:
12件の投稿を表示中 - 1 - 12件目 (全12件中)
  • トピック「スムーススクロールのオフセット値の変更方法」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。