滚动条的简单实现

互联网 18-5-9

本篇文章为大家带来一篇学习小实例--滚动条的简单实现。现在就分享给大家，也给大家做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>huanhangtiao</title>  <style>  a{      width:17px;      height:20px;      font:12px/20px "宋体";  border:1px solid #e0e1e2;      display:inline-block;      text-align:center;      color: #2052a3;      }      .shang{      width:64px;      }      a:hover,.active{      background-color:#1f3a87;      color:#fff;      }  </style>  </head>     <body>  <div class="">  <a class="shang">上一页</a>  <a>1</a>  <a>2</a>  <a class="active">3</a>  <a>4</a>  <a>5</a>  <a>6</a>  <a>7</a>  <a>8</a>  <a>9</a>  <a class="shang">下一页</a>  </div>     </body>  </html>

相关推荐：

HTML页面table滚动条的实现

JS有哪些属性可以判断页面是否存在滚动条

原生JS如何对多个滚动条同步操作

以上就是滚动条的简单实现的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：滚动