- このトピックには12件の返信、3人の参加者があり、最後に
により3年、 3ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.3.1
【お使いの Snow Monkey Blocks のバージョン】 12.1.0
【お使いの Snow Monkey Editor のバージョン】 6.0.0
【お使いのブラウザ】Chrome,Safari
【当該サイトのURL】https://romanee.boy.jp/test/### 実現したいこと
クラス名「.u-smooth-scroll」を入れてスムーススクロールできるようにしたいです。
### 発生している問題
メニューの「お問い合わせ」、右下の「お問い合わせボタン」のみ効きません。
以前は効いていたと思います…### 試したこと
■ ID名の変更
■ 履歴削除
■ Snow Monkey Editor の停止
■ 再度「.u-smooth-scroll」を入れ、更新いいねをした人: 居ませんキタジマ タカシ 様
ご丁寧にビデオもつけていただきありがとうございます。
確かに、問題なくスムーススクロールできていますね。私の方ですとスムーススクロールをしてくれず、
そのままお問い合わせのアンカーリンクに飛んでしまいます…私の方も録画してみたのですが
ビデオの添付の仕方がわからず…
すみません…私のiMacとMacbook pro とスムーススクロールをしてくれないのですが
パソコン環境の問題ということですよね…いいねをした人: 居ませんあ、動画添付できるのは管理者だけかもです>< 「お問い合わせ」のところをデベロッパーツール（「お問い合わせ」の部分を右クリック→要素の検証）をすると、
u-smooth-scrollというクラスが追加されているのが確認でいますが、m-szk さんのブラウザだとちゃんとクラスが追加されていますか？クラスが追加されていない場合、例えばページキャッシュプラグインなどを使っているとその影響は考えられると思います。
追加されている場合、デベロッパーツールのコンソールになにかエラーがでているかもしれません。もしエラーがでていたら教えてください。
いいねをした人:こんにちは。
なんとなく気になって、勝手ながら m-szk さんのサイトで問い合わせをクリックさせていただきました。
結果、m-szk さんと同じく Chrome が駄目で Safari はスムースクロールできました。MacBook Pro (15-inch, 2018)
Big Sur 11.4（20F71）Chrome: 92.0.4515.131
Safari: 14.1.1 (16611.2.7.1.4)再現のヒントになれば幸いです。
よろしくお願いいたします。いいねをした人:
キタジマ 様
【当該サイトのURL】https://romanee.boy.jp/test/
ですが、本番環境のテストから編集して
ご依頼者様がわからないようにしたつもりだったのですが
抜けがあり、本番環境へのリンクがある箇所がありました。添付いただいたビデオの方が
おそらくそちらへ飛んだ本番環境のテストサイトとなっており
【当該サイトのURL】https://romanee.boy.jp/test/
とは違うものとなります。私のミスで大変申し訳ないのですが、
ビデオを削除いただくことは可能でしょうか…ご迷惑おかけして本当に申し訳ありません…
いいねをした人:
動画の削除ありがとうございます。
すみませんでした。どうやら…と言っていいのかわからないのですが、
mainの上下の余白を消すのに.c-section.p-section-front-page-content { padding-top: 0; padding-bottom: 0; }のCSSを入れていたのですが、
padding-bottom: 0;を入れると
Chromeでスムーススクロールができないようです。現在は抜いてみまして、スムーススクロールできます。
画像のピンク部分に当たる余白は無くしたいのですが、
対応方法ご教授いただくことはできますでしょうか。
いいねをした人: 居ません検証ありがとうございます！ ページの一番底の要素（一番下までスクロールして表示する要素）に対してのアンカーリンクだと、スムーススクロールにならないっぽい気がします。ちょっとまだ理由はわからないので検証してみます。
いいねをした人:
- トピック「「.u-smooth-scroll」が一つだけ効かない箇所が出てしまいました。」には新しい返信をつけることはできません。