当前位置:Gxlcms > JavaScript > jQuery实现返回顶部功能_jquery

jQuery实现返回顶部功能_jquery

时间:2021-07-01 10:21:17 帮助过:10人阅读

代码很简单,这里就不多废话了,小伙伴们看代码吧。

HTML:

    
    
去顶部

CSS:

  .fl{
    display:block;
    float:left;
    width:50px;
    height:50px;
    text-align:center;
    background-color:#eaeaea;
    background-image:url(../images/toTop.png);
  }
  .fl:hover{background-color:#f48942;background-image:url(../images/toTop.png);}

  #Fixed {
    position: fixed;
    _position: absolute;
    z-index: 100;
    bottom: 70px;
    left: 50%;
    margin-left: 530px;
    _bottom: auto;_top:
    expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-70);
    width: 50px;
    text-indent: -40000px;
    background: #fff
  }

  /*置顶 end*/

Js:

人气教程排行