下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
$(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>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。