基于JavaScript实现屏幕滚动效果

网络编程 2024/10/9 佚名

3 2 1

屏幕滚动效果：

<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
  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;
  }
 </style>
 <script src="/UploadFiles/2021-04-02/my.js">

效果：



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