| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
fg360
10年前发布

返回顶部功能jquery实现代码

当窗口在第一屏时不显示返回顶部,滚动到第二屏是现实返回顶部,点击后平滑滚轮回到顶端。

$(document).ready(function() {        // hide #back-top first      $("#back-top").hide();        // fade in #back-top      $(function() {          $(window).scroll(function() {              if ($(this).scrollTop() > 100) {                  $('#back-top').fadeIn();              } else {                  $('#back-top').fadeOut();              }          });            // scroll body to 0px on click          $('#back-top a').click(function() {              $('body,html').animate({                  scrollTop: 0              }, 800);              return false;          });      });    });    HTML USAGE:    <p id="back-top" style="display: block; ">     <a href="#top"><span></span><em>Back to top</em></a>  </p>