一、进入页面默认在最顶部
思路:默认在最顶部,那么就是与这个页面顶部的距离为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;
}