返回到顶部按钮实现

来源:互联网 发布:狄克斯特拉算法的距离 编辑:程序博客网 时间:2024/04/30 10:30

<div id="gotop"><span class="glyphicon glyphicon-chevron-up"></span></div>  //bootstrap图标


#gotop{ 
display:none;
font-size: 25px;
color:#fff;
text-align: center;
background: #aaa;
padding:10px 15px;
position:fixed;
right:50px;
bottom:50px;
cursor:pointer;   
}


function goTop()

{
    $(window).scroll(function(e) {
        //若滚动条离顶部大于100元素
        if($(window).scrollTop()>100)
            $("#gotop").fadeIn(1000);//以1秒的间隔渐显id=gotop的元素
        else
            $("#gotop").fadeOut(1000);//以1秒的间隔渐隐id=gotop的元素
    });

};



0 0
原创粉丝点击