Como cambiar el fondo al realizar scroll
CSS
<style>
body {
transition: background 1s ease;
}
</style>
Script
<script>
var body = document.getElementsByTagName('body')[0];
body.style.backgroundColor = '#306987';
// trigger this function every time the user scrolls
window.onscroll = function (event) {
var scroll = window.pageYOffset;
if (scroll < 300) {
// Color
body.style.backgroundColor = '#306987';
} else if (scroll >= 300 && scroll < 600) {
// red
body.style.backgroundColor = '#FFF';
} else {
// Blanco
body.style.backgroundColor = '#FFF';
}
}
</script>
