TOP

2013年7月4日 星期四

[JQuery]超簡單GoTop按鈕

將CSS放入<head></head>




下列語法放入<body></body>

TOP

JQuery語法放在<body></body>最後面
註:須先將JQuery的JS檔包進來
$(function(){

  $(window).scroll(function() {
     if ($(window).scrollTop() > 0) {
        $('#TopBtn').css('display','block')
     } else {
        $('#TopBtn').css('display','none')
     };
  }).scroll();
  
  $('#TopBtn').click(function(){
     $("html,body").animate({scrollTop: 0}, 500);
  })

});

沒有留言:

張貼留言