javaScript实现滚动条事件详解

本文实例为大家分享了js实现滚动条事件的具体代码，供大家参考，具体内容如下

代码：

 
 
 
 

 
  body {
  margin: 0;
  padding: 0;
  }

  .cont {
  height: 7000px;
  }

  #top {
  position: fixed;
  width: 100%;
  height: 55px;
  top: 0px;
  left: 0px;
  background-color: rosybrown;
  display: none;
  }

  #left {
  position: fixed;
  width: 50px;
  height: 400px;
  top: 150px;
  left: 50px;
  background-color: cadetblue;
  display: none;
  }

  #left ul {
  list-style: none;
  padding-left: 0px;
  }

  #left ul li {
  border: 1px solid white;
  
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 15px auto;
  
  }

  .a {
  background-color: burlywood;
  color: #FFFFFF;
  }
 

 

 

 
 
  

  
1F
  
2F
  
3F
  
4F
  
5F
  
6F

  

 
 
 

 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。