基于JavaScript实现屏幕滚动效果

屏幕滚动效果：

 
 
 
  ul,ol {
   list-style-type: none;
  }
  * {margin:0;padding:0;}
  html,body {
   width: 100%;
   height: 100%;
  }
  #ul {
   width: 100%;
   height: 100%;
  }
  ul li{
   width: 100%;
   height: 100%;
  }
  #ol {
   position: fixed;
   top:0;
   left:50px;
  }
  #ol li {
   width: 50px;
   height: 50px;
   border: 1px solid #000;
  }
 
 
 



 
首页
 
关注
 
动态
 
风格
 
作品


 
首页
 
关注
 
动态
 
风格
 
作品

效果：

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