网页中返回顶部效果

记得引用Jquery

js代码:

function gotoTPoint(obj, speed) {
            var objTop;
            var objId = '#' + obj;
            if (obj != 'top') {
                objTop = $(objId).offset().top - 70;
            } else {
                objTop = 0;
            }
            $('html,body').animate({
                scrollTop: objTop
            }, speed);
        }

使用方法:

 <a href="javascript:;" onclick="gotoTPoint('top',400)">
                                <img src="../images/kehu_goTop.png" alt="返回顶部" style="margin-top:1px;"  />
                            </a>

 

posted @ 2018-06-22 09:28  风琴~云淡  阅读(170)  评论(0编辑  收藏  举报