柳暗花明笔记

    Back to top 回到顶部

    所属分类:[ php&web ] 猫哲学家 发表于:2012-12-17 18:26 浏览:443

    <a id="back_to_top" href="javascript:void(0);"></a>

    #back_to_top {
        display: block;
        position: fixed;
        z-index: 100;
        width: 0;
        height: 108px;
        margin: 0px 0 0 1004px;
        padding: 0 0 0 28px;
        bottom: 87px;
        overflow: hidden;
        background: url(./images/back_to_top.png) -34px 0px no-repeat;
    }

        // Back to top
        // hide #back-top first
        $("#back_to_top").hide();
        
        // fade in #back-top
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#back_to_top').fadeIn();
            } else {
                $('#back_to_top').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#back_to_top').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 600);
            return false;
        });
        // Back to top end

    标签: jQuery 
    上一编文章 Gedit 高亮当前行失效解决办法 下一编文章 页面蒙板提示
    最近文章
    发表评论