[ゆきんこ]

【お使いの Snow Monkey のバージョン】20.0.1
【お使いの Snow Monkey Blocks のバージョン】19.0.1
【お使いの Snow Monkey Editor のバージョン】9.2.0
【お使いのブラウザ】Chrome
【当該サイトのURL】一旦伏せさせていただきます（申し訳ありません！）

### 実現したいこと

フォーム（htmlで記載 ※snow monkey formではなく）にて入力必須項目が未入力の場合エラーが出るかと思いますが、エラー項目の1番上にスクロールする際、固定ヘッダーによりスクロール位置がズレる（ズレて見える）ため、何十pxかスクロール位置を上にズラしたいです。

### 発生している問題

コードは調べてなんとなくわかっているのですが、セレクタ名等々含めて実装方法がわからず、です m(_ _)m

### 試したこと

my snowmonkeyにて外部jsファイル読み込みまではできています。
※全く検討違いなことをしていたら申し訳ありません

一旦上記記載いたしますが、追加で不足情報などありましたら提出させていただきたく思っております。
お手数をお掛けいたしますが、引き続き、宜しくお願い致します。

♥ 0

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

[キタジマ タカシ]

このサイトの問い合わせフォームも Snow Monkey Forms 製ですが、何も入力せずに送信するとどうなりますかね？

お問い合わせ

使い方・設定方法等のサポートはサブスクリプション契約者のみ入会可能なサポートフォーラムでおこなっています。お問…

snow-monkey.2inc.org

僕の環境 Mac + Chrome だと、エラー発生箇所が画面の中ほどに位置する感じで移動され、ナビゲーションには重なりませんでした。

Snow Monkey Forms のエラー発生時のスクロールは、単純にエラー位置にフォーカスさせているだけで、Snow Monkey Forms 側でスクロール処理をおこなっているわけではないのでどうやって調整すれば良いのかは僕もわかりません…。

エラー発生時のフォームには data-screen="invalid" という属性がつくので、

[data-screen="invalid"] {
    margin-top: 100px !important;
}

みたいにして強制的に上部に余白をつけてヘッダー分ずらすはできると思います。ただ、それだとスクロールしたときに変に余白があいているのが目立っちゃうと思うので、js でスクロールしたときに良きタイミングでその margin-top を消す、みたいなことができれば良いかもしれません…。

♥ 0

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

[投稿者]

投稿