javascript on scroll change nav color

1$(document).ready(function(){
2    $(window).scroll(function(){
3        if($(window).scrollTop() > $(window).height()){
4            $(".menu").css({"background-color":"transparent"});   
5        }
6        else{
7            $(".menu").css({"background-color":"white"});
8        }
9
10    })
11})
12

1var myNav = document.getElementById("nav");
2
3window.onscroll = function() {
4  "use strict";
5  if (document.body.scrollTop >= 280 || document.documentElement.scrollTop >= 280) {
6    myNav.classList.add("scroll");
7  } else {
8    myNav.classList.remove("scroll");
9  }
10};

1$(function () {
2  $(document).scroll(function () {
3    var $nav = $(".navbar-fixed-top");
4    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
5  });
6});