フォーラムへの返信
-
sticky は先祖要素に
overflow: hiddenがいると効かなくなるので、不勉強ですいません汗 その組み合わせで検索して調べたら、原因がよく分かりました。
結構な数の先祖要素にoverflow: hiddenが使われていたので、
それを消してしまった不都合など、今後どの方法がいいかは勉強したいと思います。
まずは望みの結果が得られて満足しました。本当にありがとうございました！いいねをした人:
お返事ありがとうございます！
画像のように、流れていってしまいます。
（スマホも同様でした）
全角が混じっていたりしないかな、と思ってそれも調べましたが、
全角は混じっていませんでした。もしかして、キタジマさんの方では、
正しく固定されて見えていらっしゃいますか？
ちなみに、メディアクエリの効いていないところに同じものを貼り付けたところ、
1024px以上のところでは動画が望み通りに固定されました。
しかし、この場合でも1023px以下では上手くいきません。
いいねをした人: 居ませんお返事ありがとうございます！
そうです。fixedのイメージなのですが、fixedだとヘッダー分のtopをずらす必要があって、またフロートした分の、動画の高さを測って調整しないといけないかと思うのですが、どちらも自分の力不足で、どの画面サイズでどの計算をしているのか分からなかったところ、stickerなら、ヘッダーに動画がぶつかったあとはfixedになると思い、試しています。
現状、1枚目のように動画も上に流れていってしまうのですが、これを、2枚目のように動画が固定されている
（かつ、ヘッダーにぶつかるまではスクロールして、フロートした分が調整されている）
状態にしたいです。
いいねをした人: 居ません一瞬で解決しました…！!importantはつけなくても大丈夫でした。
コピペしてそのままカスタムCSSに貼り付けるのがダメだったんですね。
ありがとうございました！
ダッシュボード → カスタマイザー → デザイン → ヘッダー → グローバルナビゲーションのホバーエフェクトを「なし」
も確認しました。他のメニューでホバーエフェクトが出るのはむしろ嬉しくて、唯一小メニューが出現するこの親メニューだけ、画像のように微妙に小メニューより上にあるのを変えたかったので、CSSでの対応に満足しています。
解決したので、クローズさせていただきます。ありがとうございました！！
いいねをした人:
動画を拝聴して、CSSの当て方がよく分かりました！
すごく分かりやすい動画で、本当にありがとうございました。
動画で現状は満足してしまったのですが、
今後困ったら、「Chrome 検証ツール 使い方」も調べてみます。
問題の解決だけではなくご教授までいただきありがとうございました。
解決したので、このトピックは閉じさせていただきます。
いいねをした人:
そうなのですね。オーバーレイのことを分かっていませんでした。
ご教授ありがとうございます！
上部固定した際の、ヘッダーとコンテンツの境界線を消したいと思って、
（画像のメニューとパンくずリストの間の線のことです）CSSで消せないか調べたのですができなくて困っていたところ、
オーバーレイだと消えたので、結果オーライぐらいのつもりで設定しました。
こちらを消すことはできますか？
いいねをした人: 居ませんお返事ありがとうございます！
本当ですね。Chromeで見るとこのように見えました。
safari（iPhoneのsafariは↑に近いです）
技術がなくて、改行を消したコードで見ることはできなかったのですが、
今後のアップデートで十分満足なので、これでトピックを閉じさせていただきます。
ありがとうございました！
いいねをした人:
