質問: スマホ(iPhone6で確認)で、サイトを見ながら指で引っ張ると、その方向にコンテンツが引っ張られてbodyの背景色が見えてしまいます。 うまく説明できるか分からないのですが、例えば ~~~ コンテンツ ~~~ ↑上記のような場合、ヘッダ近くで下に引っ張ると上部に白(bodyの背景色)が見えてしまい、フッタ近くで上に引っ張ると白が見えてしまいます。 それを防ぎたいので、例えばbodyの背景色をred(headerと同じ)にすると、ヘッダ近くで下に引っ張った時はいいのですが、フッタで上に引っ張った時は赤が見えてしまうので困っています。 ヘッダ、フッタそれぞれ違う色を指定し、引っ張っても同じ色が見えるようにしたいのですが、良い方法はありますでしょうか? 伝わりにくいかと思いますが、ご存じの方がいれば宜しくお願いします。
回答: JavaScript でスクロール位置によって背景色を変更することで対応できるようです。 ``` document.addEventListener("scroll", function (e) { // ここでスクロール位置によって背景色を変更 document.body.style.backgroundColor = "red"; }, false); ```