返回頂部效果jquery(位置相容IE6)

來源:互聯網
上載者:User

返回頂部效果,可時間控制向上移的速度,廢話不說,直接貼代碼:

HTML:

 

 

[html] 
<div class="backtop"><img src="../css.87504.cn/images/business/backtop.gif" /></div> 

<div class="backtop"><img src="../css.87504.cn/images/business/backtop.gif" /></div>
CSS:


[css] 
.backtop{ 
  position:fixed; 
  cursor:pointer; 
  top:80%; 
  width:49px; 
  height:50px; 
  left:50%; 
  margin-left:510px; 
  _position:absolute; 
  _top:expression(documentElement.scrollTop + documentElement.clientHeight * 4/5 + "px") 

.backtop{
  position:fixed;
  cursor:pointer;
  top:80%;
  width:49px;
  height:50px;
  left:50%;
  margin-left:510px;
  _position:absolute;
  _top:expression(documentElement.scrollTop + documentElement.clientHeight * 4/5 + "px")
}
JQUERY:


[javascript
$(function(){ 
    $(".backtop").hide(); 
    $(function() { 
        $(window).scroll(function() { 
        if ($(window).scrollTop() > 200) { 
        $(".backtop").show() 
        } 
        else{ 
        $(".backtop").hide() 
        } 
    }); 
        $(".backtop").click(function() { 
        $('body,html').animate({ scrollTop: 0 }, 500); 
    return false; 
        }); 
        }); 
                   }); 

 $(function(){
  $(".backtop").hide();
  $(function() {
   $(window).scroll(function() {
   if ($(window).scrollTop() > 200) {
   $(".backtop").show()
   }
   else{
   $(".backtop").hide()
   }
  });
   $(".backtop").click(function() {
   $('body,html').animate({ scrollTop: 0 }, 500);
  return false;
   });
   });
                    });

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.