javascript网页“回到顶端”按钮实现

javascript网页“回到顶端”按钮实现，javascript浏览器应用。

Java代码

<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”>
<div class=”back-to-top”>back-to-top</div>
</div>
</body>
</html>

<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>back-to-top</div>
</div>
</body>
</html>