h5页面——默认在底部、顶部

一、进入页面默认在最顶部

思路:默认在最顶部,那么就是与这个页面顶部的距离为0,{scrollTop: 0},后面的10为加载动画持续时间,可为任意数字,数字越小,动画执行速度越快。1000=1s

将这个function放入$(document).ready(function () {    })即可。

function scrollBottom() {
        $('body,html').animate({scrollTop: 0}, 10);
        return false;
    }

二、进入页面默认在最底部

思路:与最顶部的思路类似,只是与页面顶部的距离为整个文档流的高度。

var h = $(document).height();指文档流的高度。

这个方法放入加载页面内容的function之后最佳,因为Ajax向服务器请求到得到响应需要一段时间,在这段时间内哪个方法短会优先执行,当页面内容过多时,会造成先执行此方法后加载页面内容,这是不会达到预期的效果。

function scrollBottom() {
        var h = $(document).height();
        $('body,html').animate({scrollTop: h}, 10);
        return false;
    }

猜你喜欢

转载自blog.csdn.net/inmarry/article/details/81086320