html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

javascript 回到顶部效果的实现代码_javascript技巧_

[ ] 已经帮助:人解决问题

复制代码 代码如下:

//speed 滚动速度 time 时间间隔
function gotoTop(speed,time){

    speed = speed || 0.1;
    time = time || 16;

    // 滚动条到页面顶部的水平距离
    var x = document.body.scrollLeft;

    // 滚动条到页面顶部的垂直距离
    var y = document.body.scrollTop;

    // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
    speed++;
    window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));

    // 如果距离不为零, 继续调用迭代本函数
    if(x > 0 || y > 0) {

        window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);
    }
}

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助