“回到顶端”按钮实现htmlheadtitle“回到顶端”按钮实现/titlescript typetext/javascript src
“回到顶端”按钮实现
<html><head> <title>“回到顶端”按钮实现</title> <script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 15) { $('.back-to-top').fadeIn(100); } else { $('.back-to-top').fadeOut(100); } }); // jQuery实现动画滚动 $('.back-to-top').click(function(event) { event.preventDefault(); $('html, body').animate({scrollTop: 0}, 500); }) }); </script></head><body><div id="content"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <div />
