Q&A
スマホ（iPhone6で確認）で、サイトを見ながら指で引っ張ると、その方向にコンテンツが引っ張られてbodyの背景色が見えてしまいます。
うまく説明できるか分からないのですが、例えば
コンテンツ
<footer style="background-color:blue"> ～～～ </footer> </body>↑上記のような場合、ヘッダ近くで下に引っ張ると上部に白（bodyの背景色）が見えてしまい、フッタ近くで上に引っ張ると白が見えてしまいます。
それを防ぎたいので、例えばbodyの背景色をred（headerと同じ）にすると、ヘッダ近くで下に引っ張った時はいいのですが、フッタで上に引っ張った時は赤が見えてしまうので困っています。
ヘッダ、フッタそれぞれ違う色を指定し、引っ張っても同じ色が見えるようにしたいのですが、良い方法はありますでしょうか？
伝わりにくいかと思いますが、ご存じの方がいれば宜しくお願いします。
回答1件
0
ベストアンサー
JavaScript でスクロール位置によって背景色を変更することで対応できるようです。
lang
1document.addEventListener("scroll", function (e) { 2 // ここでスクロール位置によって背景色を変更 3 document.body.style.backgroundColor = "red"; 4}, false);
投稿2016/02/27 08:49
総合スコア1610
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/29 01:41