ここから本文です

HTML、CSSについて。

アバター

ID非公開さん

2019/4/2913:49:36

HTML、CSSについて。

スマホ用のレスポンシブ対応のときだけ、元々なかったヘッダーが下スクロールしていくとある地点から急に表示されるようになるのと、それより下の地点に進むとさらに、1番下にヘッダーのようなものか固定され始めるのですが、どのように設定するのか教えていただけますか?
jQueryだとしたらそれでも教えて欲しいです。

閲覧数:
22
回答数:
1

違反報告

ベストアンサーに選ばれた回答

tak********さん

2019/4/3016:12:05

jQueryで、if文の条件にスマホの時のみ有効なメディアクエリを記述(iPhone,Androidの時のみ)し、その中にヘッダーを表示・非表示する高さを設定する。
var height = $(“クラス名“).offset().top;
設定した高さに来たらヘッダーアクション
$(window).on(“scroll”, function() {
var now = $(window).scroll().top;
if(height < now){
ヘッダーに処理
}else{
ヘッダーに処理
}
});
で出来ると思います。

アバター

質問した人からのコメント

2019/5/2 16:22:08

うまくいきました!
ありがとうございました。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる