//滚动监听
window.onscroll = function() {
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if(scrollTop>=300){
      document.getElementById("topButton").style.display='block';
    }
    else{
      document.getElementById("topButton").style.display='none';
    }
    //颜色进行手动更换，到哪个地方，就是哪个颜色。
    if(scrollTop>=0){
      var box=document.getElementsByClassName("menuLi");
      for(var i=0;i<box.length;i++){
        box[i].style.color="#EE587B";
        box[i].style.backgroundColor="rgb(235,235,235)";
      }
      box[0].style.backgroundColor="#EE587B";
      box[0].style.color="white";
    }
    if(scrollTop>=350){
      var box=document.getElementsByClassName("menuLi");
      for(var i=0;i<box.length;i++){
        box[i].style.color="#EE587B";
        box[i].style.backgroundColor="rgb(235,235,235)";
      }
      box[1].style.backgroundColor="#EE587B";
      box[1].style.color="white";
    }
    if(scrollTop>=1000){
      var box=document.getElementsByClassName("menuLi");
      for(var i=0;i<box.length;i++){
        box[i].style.color="#EE587B";
        box[i].style.backgroundColor="rgb(235,235,235)";
      }
      box[2].style.backgroundColor="#EE587B";
      box[2].style.color="white";
    }
}
//滚动控制
function scrollMove(){
        var scrollInterval;
        function animate(to = 0, time = 300){
          window.clearInterval(scrollInterval);
            var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop || 0;
            var step = (scrollTop - to) / 100;
            scrollInterval = window.setInterval(function(){
                window.scrollTo(0, scrollTop - step);
                scrollTop -= step;
                //console.log(scrollTop);
                if((step <= 0 && scrollTop >= to) || (step > 0 && scrollTop <= to)){
                    window.scrollTo(0, to);
                    window.clearInterval(scrollInterval);
                }
            }, time / 100);
        }
        return animate;
}
var scrollM=scrollMove();

function scrollControl(n){
  scrollM(n,200);
}