读书人

“返回顶端”按钮实现

发布时间: 2013-07-04 11:45:55 作者: rapoo

“回到顶端”按钮实现

<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 />



读书人网 >移动开发

热点推荐