滚动功能

一: 点击滚动回页头

<style>
    #SnapABug_bImg{
        width:100%;
    }
    .scrollToTop > img {
        position: fixed;
        z-index: 10;
        bottom: 20px;
        left: 30px;
        cursor: pointer;
    }
</style>
<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('.scrollToTop').fadeIn();
            } else {
                $('.scrollToTop').fadeOut();
            }
        });

        $('.scrollToTop').click(function () {
            $('html, body').animate({ scrollTop: 0 }, 800);
            return false;
        });
    });
</script>

-- 在boby内

<div class="scrollToTop" style="display: none;">
    <img src="/img/scroll-to-top.png" alt="Back To Top">
</div>

 

-- 是不是很简单?介绍一个好用的滑动内容http://www.dowebok.com/demo/188/