する質問をすることでしか得られない、回答やアドバイスがある。17レスポンシブサイトで特定要素の背景が画面上部にきたらスクロールについていかずに固定されるようにしたいです。下図のようなページがあった時に2のように要素Bがヘッダーの下にくっついたら赤色背景が固定されるような動きをつけたいと考えています。スマホでは使えないようなので、HTMLにimgで画像を入れて背景画像のように見せながらヘッダーにくっついたらクラス名「fixed」を追加して「position:relative;」を「position:fixed;」に変更するという方法を試してみましたが、画面に固定される時にビクッと動いてしまい動きがぎこちなくなってしまったり、スマホでは画像が変に拡大されてしまったりしてしまいました。});https://github.com/Prinzhorn/skrollrまた、こちらのプラグインを使用して実現できないかと考えたのですが、私の入れ方が悪いのかこのプラグインを導入すると独自に実装したJSがタブレットやスマホで動かなくなってしまったり、bodyの高さ取得がおかしくなってしまいページ下部に余白ができたろしてしまいます。動かなくなるJShttps://teratail.com/questions/77289別の方法で実装できないかと思い調べてみたのですが、スマホでは動かなかったりしてなかなか良い方法を見つけられません。おすすめの実装方法を教えていただけないでしょうか?対応ブラウザは下記を想定しています。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。17:03文章に反し、固定されているように見えません。3つ目の画像は間違いなのでしょうか?文章に反し、固定されているように見えません。編集ご指摘ありがとうございます。読み返したところ確かに紛らわしい画像でした。画像を修正しようかと思いましたが、良いイメージを作ることができなかったため取り急ぎイメージを削除してテキストを修正させていただきました。良いイメージを思いついたら改めて更新させていただきたいと思います。ご指摘ありがとうございます。読み返したところ確かに紛らわしい画像でした。画像を修正しようかと思いましたが、良いイメージを作ることができなかったため取り急ぎイメージを削除してテキストを修正させていただきました。良いイメージを思いついたら改めて更新させていただきたいと思います。17:27何度もすみません、ご指摘いただいた画像を修正して改めて投稿させていただきました。何度もすみません、ご指摘いただいた画像を修正して改めて投稿させていただきました。sticky;のようなことをしたいのだと思いますが、まだ対応ブラウザが少ないですね。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。いうものがあるのですね。試してみたいと思います。いうものがあるのですね。試してみたいと思います。解決済offset().topが効きません。サイドバー追従が思うように行きません解決済スクロール量取得(jQuery)のコード解説をよろしくおねがいします。0slick.jsスライダーでウインドウサイズを変更したとき、スライド画像のサイドの幅のみ変更したい。頂いたご意見への回答は行っておりません。